In deze zelfstudie leert u met behulp van voorbeelden over de JavaScript-methode forEach ().
De forEach()
methode roept een functie aan en itereert over de elementen van een array. De forEach()
methode kan ook worden gebruikt op kaarten en sets.
JavaScript voor elk
De syntaxis van de forEach()
methode is:
array.forEach(function(currentValue, index, arr))
Hier,
- function (currentValue, index, arr) - een functie die voor elk element van een array moet worden uitgevoerd
- currentValue - de waarde van een array
- index (optioneel) - de index van het huidige element
arr (optioneel) - de array van de huidige elementen
voor elk met arrays
De forEach()
methode wordt gebruikt om een array te herhalen. Bijvoorbeeld,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Uitvoer
John Sara Jack
In het bovenstaande programma heeft de forEach()
methode een myFunction()
functie die elk element van een studentenmatrix weergeeft.
De array-elementen bijwerken
Zoals we in het bovenstaande voorbeeld hebben gezien, wordt de forEach()
methode gebruikt om een array te herhalen, het is vrij eenvoudig om de array-elementen bij te werken. Bijvoorbeeld,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);
Uitvoer
("Hallo John", "Hallo Sara", "Hallo Jack")
forEach met pijlfunctie
U kunt de pijlfunctie gebruiken met de forEach()
methode om een programma te schrijven. Bijvoorbeeld,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Uitvoer
John Sara Jack
for loop naar forEach ()
Hier is een voorbeeld van hoe we een programma met for
loop en met kunnen schrijven forEach()
.
Gebruik voor lus
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);
Uitvoer
("item1", "item2", "item3")
ForEach () gebruiken
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
voor… of met sets
U kunt de Set-elementen doorlopen met behulp van de forEach()
methode. Bijvoorbeeld,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Uitvoer
1 2 3
voor elk met Maps
U kunt de kaartelementen doorlopen met behulp van de forEach()
methode. Bijvoorbeeld,
let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )
Uitvoer
naam - Jack leeftijd - 27