De forEach() methode roept een functie aan voor elk element in een array. Er wordt geen nieuwe array geretourneerd en de oorspronkelijke array wordt niet gewijzigd. Het wordt vaak gebruikt voor iteratie en het uitvoeren van acties op elk array-element.
Syntaxis:
array.forEach(callback(element, index, arr), thisValue);>
Parameters:
Deze methode accepteert vijf parameters zoals hierboven vermeld en hieronder beschreven:
| Parameter | Beschrijving |
|---|---|
| Bel terug | Deze parameter bevat de functie die voor elk element van de array moet worden aangeroepen. |
| element | De parameter bevat de waarde van de elementen die momenteel worden verwerkt. |
| inhoudsopgave | Deze parameter is optioneel en bevat de index van het huidige waarde-element in de array, beginnend bij 0. |
| reeks | Deze parameter is optioneel en bevat de volledige array waaropforEach>wordt genoemd. |
| deze Arg | Deze parameter is optioneel en bevat de context die moet worden doorgegeventhis>te gebruiken tijdens het uitvoeren van de callback-functie. Als de context wordt doorgegeven, wordt deze gebruikt alsthis>voor elke aanroep van de callback-functie, andersundefined>wordt standaard gebruikt. |
Winstwaarde:
De retourwaarde van deze methode is altijd ongedefinieerd. Deze methode kan de oorspronkelijke opgegeven array wel of niet wijzigen, omdat deze afhankelijk is van de functionaliteit van de argumentfunctie.
Voorbeeld 1: In dit voorbeeld is de Array.forEach() methode wordt gebruikt om elk element van de ene array naar de andere te kopiëren.
JavaScript
// JavaScript to illustrate forEach() method function func() { // Original array const items = [12, 24, 36]; const copy = []; items.forEach(function (item) { copy.push(item + item + 2); }); console.log(copy); } func();> Uitvoer
[ 26, 50, 74 ]>
Voorbeeld 2: In dit voorbeeld de methode voorElke() berekent het kwadraat van elk element van de array.
JavaScript // JavaScript to illustrate forEach() method function func() { // Original array const items = [1, 29, 47]; const copy = []; items.forEach(function (item) { copy.push(item * item); }); console.log(copy); } func();> Uitvoer
[ 1, 841, 2209 ]>
Ondersteunde browsers:
- Google Chrome
- Rand
- Firefox
- Opera
- Safari
We hebben een volledige lijst met JavaScript Array-methoden. Om deze te controleren, gaat u naar de Volledige referentie voor JavaScript-array artikel.