Pętla For In JavaScript

Cykl For In

JavaScript for in zapisy cyklicznie przechodzą przez atrybuty obiektu:

gramatyka

for (klucz in obiekt) {
  // blok kodu do wykonania
}

Przykład

const osoba = {fname:"Bill", lname:"Gates", age:25};
let text = "";
for (x in osoba) {
  text += osoba[x];
}

Spróbuj sam

wyjaśnienie przykładu

  • for in przykład pętli osoba obiekt
  • każda iteracja zwraca jedenklucz (x)
  • klucz jest używany do dostępu do wartości kluczawartość
  • wartość klucza to osoba[x]

Przechodzenie przez tablicę For In

JavaScript for in zapisy mogą również przechodzić przez atrybuty tablicy:

gramatyka

for (zmienne in tablica) {
  kod
}

Przykład

const liczby = [45, 4, 9, 16, 25];
let txt = "";
for (let x in liczby) {
  txt += liczby[x];
}

Spróbuj sam

Jeśli indeksKolejnośćBardzo ważne, nie używaj na tablicy: for in.

Kolejność indeksów zależy od implementacji i może nie być zgodna z oczekiwaniami.

Najlepsze jest użycie, gdy kolejność ma znaczenie: for Petla,for of Petla lub Array.forEach().

Array.forEach()

forEach() Metoda wywołuje funkcję dla każdego elementu tablicy (funkcja zwrotna).

Przykład

const liczby = [45, 4, 9, 16, 25];
let txt = "";
liczby.forEach(mojaFunkcja);
function mojaFunkcja(wartość, indeks, tablica) {
  txt += wartość;
}

Spróbuj sam

Proszę zauważyć, że ta funkcja przyjmuje 3 parametry:

  • Wartość elementu
  • Indeks elementu
  • Sam obiekt tablicy

Powyższy przykład używa wyłącznie parametru value. Można to napisać jako:

Przykład

const liczby = [45, 4, 9, 16, 25];
let txt = "";
liczby.forEach(mojaFunkcja);
function mojaFunkcja(wartość) {
  txt += wartość;
}

Spróbuj sam