JavaScript voor in
De For In Loop
De JavaScript- for in
instructie doorloopt de eigenschappen van een object:
Syntaxis
for (key in object) {
// code block to be executed
}
Voorbeeld
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
Voorbeeld uitgelegd
- De for in lus herhaalt een persoonsobject
- Elke iteratie retourneert een sleutel (x)
- De sleutel wordt gebruikt om toegang te krijgen tot de waarde van de sleutel
- De waarde van de sleutel is person[x]
Voor In Over-arrays
De JavaScript for in
-instructie kan ook over de eigenschappen van een array lopen:
Syntaxis
for (variable in array) {
code
}
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
Gebruik for in over een array niet als de indexvolgorde belangrijk is.
De indexvolgorde is afhankelijk van de implementatie en arraywaarden zijn mogelijk niet toegankelijk in de volgorde die u verwacht.
Het is beter om een for -lus, een for of -lus of Array.forEach() te gebruiken wanneer de volgorde belangrijk is.
Array.voorElke()
De forEach()
methode roept een functie (een callback-functie) één keer aan voor elk array-element.
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
Merk op dat de functie 3 argumenten nodig heeft:
- De artikelwaarde:
- De itemindex
- De array zelf
In het bovenstaande voorbeeld wordt alleen de parameter value gebruikt. Het kan worden herschreven tot:
Voorbeeld
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}