Tablica JavaScript forEach ()

Metoda JavaScript Array forEach () wykonuje podaną funkcję dla każdego elementu tablicy.

Składnia forEach()metody to:

 arr.forEach(callback(currentValue), thisArg)

Tutaj arr jest tablicą.

Parametry forEach ()

forEach()Sposób odbywa się:

  • callback - funkcja do wykonania na każdym elemencie tablicy. Zajmuje:
    • currentValue - bieżący element przekazywany z tablicy.
  • thisArg (opcjonalne) - wartość do użycia thispodczas wykonywania wywołania zwrotnego. Domyślnie tak jest undefined.

Wartość zwracana z forEach ()

  • Zwroty undefined.

Uwagi :

  • forEach() nie zmienia oryginalnej tablicy.
  • forEach()wykonywane callbackraz dla każdego elementu tablicy w kolejności.
  • forEach()nie jest wykonywany callbackdla elementów tablicy bez wartości.

Przykład 1: Drukowanie zawartości tablicy

 function printElements(element, index) ( console.log('Array Element ' + index + ': ' + element); ) const prices = (1800, 2000, 3000, , 5000, 500, 8000); // forEach does not execute for elements without values // in this case, it skips the third element as it is empty prices.forEach(printElements);

Wynik

 Element tablicy 0: 1800 Element tablicy 1: 2000 Element tablicy 2: 3000 Element tablicy 4: 5000 Element tablicy 5: 500 Element tablicy 6: 8000

Przykład 2: Korzystanie z thisArg

 function Counter() ( this.count = 0; this.sum = 0; this.product = 1; ) Counter.prototype.execute = function (array) ( array.forEach((entry) => ( this.sum += entry; ++this.count; this.product *= entry; ), this) ) const obj = new Counter(); obj.execute((4, 1, , 45, 8)); console.log(obj.count); // 4 console.log(obj.sum); // 58 console.log(obj.product); // 1440

Wynik

 4 58 1440,

Tutaj znowu możemy zobaczyć, że forEachpomija pusty element. thisArgjest przekazywana jako thiswewnątrz definicji executemetody obiektu Counter.

Zalecana lektura: mapa tablic JavaScript ()

Interesujące artykuły...