JavaScript forEach ()

W tym samouczku na przykładach poznasz metodę JavaScript forEach ().

forEach()Sposób wywołuje funkcję i iteruje elementów macierzy. forEach()Metoda może być również używany na mapach i ustawia.

JavaScript dla każdego

Składnia forEach()metody to:

 array.forEach(function(currentValue, index, arr))

Tutaj,

function (currentValue, index, arr) - funkcja do uruchomienia dla każdego elementu tablicy
currentValue - wartość tablicy
index (opcjonalny) - indeks bieżącego elementu

arr (opcjonalne) - tablica aktualnych elementów

forEach z tablicami

forEach()Sposób jest stosowany w celu przechodzenia tablicy. Na przykład,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Wynik

 John Sara Jack

W powyższym programie forEach()metoda przyjmuje myFunction()funkcję wyświetlającą każdy element tablicy studentów.

Aktualizacja elementów tablicy

Jak widzieliśmy w powyższym przykładzie, forEach()metoda jest używana do iteracji po tablicy, aktualizacja elementów tablicy jest dość prosta. Na przykład,

 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);

Wynik

 („Hello John”, „Hello Sara”, „Hello Jack”)

forEach z funkcją strzałki

Możesz użyć funkcji strzałkowej z forEach()metodą do napisania programu. Na przykład,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Wynik

 John Sara Jack

pętla for do forEach ()

Oto przykład, jak możemy napisać program z forpętlą i z forEach().

Korzystanie z pętli for

 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);

Wynik

 („pozycja1”, „pozycja2”, „pozycja3”)

Korzystanie z forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

dla… z z Zestawy

Możesz iterować przez elementy Set przy użyciu forEach()metody. Na przykład,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Wynik

 1 2 3

forEach z mapami

Możesz iterować przez elementy Map przy użyciu forEach()metody. Na przykład,

 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); )

Wynik