In diesem Tutorial lernen Sie anhand von Beispielen die JavaScript forEach () -Methode kennen.
Die forEach()Methode ruft eine Funktion auf und iteriert über die Elemente eines Arrays. Die forEach()Methode kann auch für Karten und Sets verwendet werden.
JavaScript für jeden
Die Syntax der forEach()Methode lautet:
array.forEach(function(currentValue, index, arr))
Hier,
- function (currentValue, index, arr) - eine Funktion, die für jedes Element eines Arrays ausgeführt werden soll
- currentValue - der Wert eines Arrays
- index (optional) - der Index des aktuellen Elements
arr (optional) - das Array der aktuellen Elemente
für jeden mit Arrays
Die forEach()Methode wird verwendet, um über ein Array zu iterieren. Beispielsweise,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Ausgabe
John Sara Jack
Im obigen Programm forEach()übernimmt die Methode eine myFunction()Funktion, die jedes Element eines Schülerarrays anzeigt.
Aktualisieren der Array-Elemente
Wie wir im obigen Beispiel gesehen haben, wird die forEach()Methode verwendet, um über ein Array zu iterieren. Es ist recht einfach, die Array-Elemente zu aktualisieren. Beispielsweise,
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);
Ausgabe
("Hallo John", "Hallo Sara", "Hallo Jack")
für jeden mit Pfeilfunktion
Sie können die Pfeilfunktion mit der forEach()Methode verwenden, um ein Programm zu schreiben. Beispielsweise,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Ausgabe
John Sara Jack
for-Schleife zu forEach ()
Hier ist ein Beispiel, wie wir ein Programm mit forloop und with schreiben können forEach().
Verwenden der for-Schleife
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);
Ausgabe
("item1", "item2", "item3")
Verwenden von forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
für… von mit Sets
Mit der forEach()Methode können Sie die Set-Elemente durchlaufen . Beispielsweise,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Ausgabe
1 2 3
für jeden mit Karten
Mit der forEach()Methode können Sie die Map-Elemente durchlaufen . Beispielsweise,
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); )
Ausgabe
Name- Jack Alter- 27
