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 for
pę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
imię- Jack wiek- 27