JavaScript ForEach
Die JavaScript forEach-Methode ist eine der verschiedenen Möglichkeiten, Arrays zu durchlaufen. Jede Methode hat unterschiedliche Funktionen.
const zahlen = [1, 2, 3, 4, 5];
Verwenden der traditionellen “for-loop” zum Durchlaufen des Arrays
for (i = 0; i < zahlen.length; i++) { console.log(zahlen[i]); }
Die forEach-Methode wird auch verwendet, um Arrays zu durchlaufen, verwendet jedoch eine Funktion, die sich von der klassischen “for-Schleife” unterscheidet.
for each javascript
Die forEach-Methode übergibt eine Rückruffunktion für jedes Element eines Arrays zusammen mit den folgenden Parametern.
- Aktueller Wert (erforderlich) – Der Wert des aktuellen Arrayelements
- Index (optional) – Die Indexnummer des aktuellen Elements
- Array (optional) – Das Arrayobjekt, zu dem das aktuelle Element gehört
Die Funktion wird für jedes einzelne Element des Arrays ausgeführt. Es muss mindestens einen Parameter annehmen, der die Elemente eines Arrays darstellt
zahlen.forEach(function(zahl) { console.log(zahl); });
1 2 3 4 5
Sie können die ES6-Pfeilfunktion verwenden, um den Code zu vereinfachen
zahlen.forEach(zahl => console.log(zahl));
Optionale Parameter
Index
Okay, jetzt fahren wir mit den optionalen Parametern fort. Der erste ist der Parameter “index”, der die Indexnummer jedes Elements darstellt.
Grundsätzlich können wir die Indexnummer eines Elements sehen, wenn wir es als zweiten Parameter einschließen
zahlen.forEach((zahl, ind) => { console.log('Index: ' + ind + ' Wert: ' + zahl); });
Index: 0 Wert: 1 Index: 1 Wert: 2 Index: 2 Wert: 3 Index: 3 Wert: 4 Index: 4 Wert: 5
Array
Der array-Parameter ist das Array selbst. Es ist auch optional und kann bei Bedarf in verschiedenen Operationen verwendet werden. Andernfalls, wenn wir es nennen, wird es nur so oft gedruckt wie die Anzahl der Elemente des Arrays
Beispiele
const zahlen = [1, 47, 2]; const zahlenArr = []; zahlen.forEach(function(item){ zahlenArr.push(item * item); }); console.log(zahlenArr);
1, 2209, 4
Unterstützte Browser: Die von der JavaScript Array forEach()-Methode unterstützten Browser sind unten aufgeführt.
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Yes | 9-11 | Yes | Yes | Yes | Yes |