Der forEach()-Methode ruft eine Funktion für jedes Element in einem Array auf. Es wird kein neues Array zurückgegeben und das ursprüngliche Array wird nicht geändert. Es wird häufig zur Iteration und zum Ausführen von Aktionen für jedes Array-Element verwendet.
Syntax:
array.forEach(callback(element, index, arr), thisValue);>
Parameter:
Diese Methode akzeptiert fünf Parameter, wie oben erwähnt und unten beschrieben:
| Parameter | Beschreibung |
|---|---|
| Ruf zurück | Dieser Parameter enthält die Funktion, die für jedes Element des Arrays aufgerufen werden soll. |
| Element | Der Parameter enthält den Wert der Elemente, die aktuell verarbeitet werden. |
| Index | Dieser Parameter ist optional, er enthält den Index des aktuellen Wertelements im Array, beginnend bei 0. |
| Array | Dieser Parameter ist optional, er enthält das komplette Array, auf demforEach>wird genannt. |
| thisArg | Dieser Parameter ist optional, er enthält den Kontext, als der übergeben werden sollthis>die beim Ausführen der Callback-Funktion verwendet werden soll. Wenn der Kontext übergeben wird, wird er als verwendetthis>andernfalls für jeden Aufruf der Rückruffunktionundefined>wird standardmäßig verwendet. |
Rückgabewert:
Der Rückgabewert dieser Methode ist immer undefiniert. Diese Methode kann das ursprünglich bereitgestellte Array ändern oder auch nicht, da dies von der Funktionalität der Argumentfunktion abhängt.
Beispiel 1: In diesem Beispiel ist die Array.forEach() Die Methode wird verwendet, um jedes Element von einem Array in ein anderes zu kopieren.
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();> Ausgabe
[ 26, 50, 74 ]>
Beispiel 2: In diesem Beispiel die Methode für jede() berechnet das Quadrat jedes Elements des Arrays.
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();> Ausgabe
[ 1, 841, 2209 ]>
Unterstützte Browser:
- Google Chrome
- Rand
- Feuerfuchs
- Oper
- Safari
Wir haben eine vollständige Liste der JavaScript-Array-Methoden. Um diese zu überprüfen, gehen Sie bitte durch Vollständige Javascript-Array-Referenz Artikel.