Jak działa pętla foreach w JavaScript?

Metoda forEach() w JavaScript jest używana do wykonania funkcji na każdym elemencie w tablicy. Jest to metoda tablicowa, którą można wywołać na dowolnej tablicy i wykonuje funkcję zwrotną na każdym elemencie w tablicy.

Oto składnia użycia metody forEach():

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

Metoda forEach() przyjmuje funkcję zwrotną z trzema parametrami:

currentValue: bieżący element przetwarzany w tablicy
index: indeks bieżącego elementu przetwarzanego
arr: tablica, na której została wywołana metoda forEach()
Parametr thisValue jest opcjonalny i jest wartością, która ma być używana jako this, gdy wykonywana jest funkcja zwrotna.

Oto przykład użycia metody forEach() do wyświetlenia każdego elementu w tablicy w konsoli:

const owoce = ['jabłko', 'banan', 'mango'];

owoce.forEach(function(owoc) {
  console.log(owoc);
});

Wynikem będzie:

jabłko
banan
mango

Możesz również użyć funkcji strzałki jako funkcji zwrotnej dla forEach(). Oto ten sam przykład z użyciem funkcji strzałki:

const owoce = ['jabłko', 'banan', 'mango'];
owoce.forEach(owoc => console.log(owoc));

Ważną rzeczą do zapamiętania jest to, że forEach() nie zwraca nowej tablicy. Po prostu wykonuje funkcję na każdym elemencie tablicy. Jeśli chcesz utworzyć nową tablicę na podstawie wyników funkcji forEach(), możesz użyć metody map().

Jak dodać wszystkie wartości w tablicy liczb za pomocą funkcji forEach()

Załóżmy, że mamy tablicę wyników. Moglibyśmy użyć metody tablicowej forEach(), aby przejrzeć i pomóc w dodawaniu tych liczb:

const scores = [12, 55, 70, 47];

let total = 0;
scores.forEach((score) => {
  total += score;
});

console.log(total);

Przypomnijmy sobie, że wcześniej korzystaliśmy z szeregu danych osobowych. Spróbujmy teraz dodać pensje wszystkich pracowników, aby zobaczyć, jak to działa z obiektami

let totalSalary = 0;
staffsDetails.forEach(({salary}) => {
  totalSalary += salary;
});

console.log(totalSalary + " PLN"); // "14900 pln"

Podsumowując, metoda forEach() w JavaScript jest przydatnym sposobem na wykonanie funkcji na każdym elemencie tablicy. Jest to prosta i łatwa w użyciu metoda tablicowa

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *