JavaScript For In

For In-loop

JavaScript for in kommandot itererar över egenskaperna i objektet:

syntaks

för (nyckel i objektet) {
  // kodblock att köra
}

Exempel

konstant person = {fname:"Bill", lname:"Gates", age:25};
låt text = "";
för (x i person) {
  text += person[x];
}

Prova själv

exempel förklaring

  • for in cirkulär iteration person objekt
  • varje iteration returnerar ennyckel (x)
  • nyckeln används för att komma åt värdet förvärde
  • värdet för nyckeln är person[x]

For In-arrayiteration

JavaScript for in kommandon kan också iterera över egenskaperna i en array:

syntaks

för (variabel i arrayen) {
  code
}

Exempel

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

Prova själv

Om indexOrdningViktigt, använd inte for in.

Indexordningen beror på implementeringen och kommer kanske inte att besöka arrayvärden i den ordning du förväntar dig.

När ordning är viktig, är det bäst att använda for Cirkel,for of Cirkel eller Array.forEach().

Array.forEach()

forEach() Metoden anropar funktionen en gång för varje element i arrayen (callback-funktion).

Exempel

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt += value;
}

Prova själv

Observera att denna funktion tar 3 parametrar:

  • Projektvärde
  • Projektindex
  • Arrayen själv

Ovanstående exempel använder endast value-argumentet. Det kan skrivas om till:

Exempel

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

Prova själv