Javascript-taulukko jokaiselle ()

JavaScript Array forEach () -menetelmä suorittaa jokaiselle taulukkoelementille toimitetun toiminnon.

Menetelmän syntaksi forEach()on:

 arr.forEach(callback(currentValue), thisArg)

Tässä arr on taulukko.

forEach () -parametrit

forEach()Menetelmä vie:

  • takaisinsoitto - toiminto, joka suoritetaan jokaisella taulukkoelementillä. Se vie:
    • currentValue - Nykyinen elementti, joka välitetään matriisista.
  • thisArg (valinnainen) - Arvo, jota käytetään thistakaisinsoittoa suoritettaessa. Oletuksena se on undefined.

Palautusarvo forEach ()

  • Palauttaa undefined.

Huomautuksia :

  • forEach() ei muuta alkuperäistä taulukkoa.
  • forEach()suoritetaan callbackkerran jokaiselle matriisielementille järjestyksessä.
  • forEach()ei suorita callbackmatriisielementeille ilman arvoja.

Esimerkki 1: Taulukon sisällön tulostaminen

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

Tuotos

 Ryhmäelementti 0: 1800 Ryhmäelementti 1: 2000 Ryhmäelementti 2: 3000 Ryhmäelementti 4: 5000 Ryhmäelementti 5: 500 Ryhmäelementti 6: 8000

Esimerkki 2: TämänArg: n käyttö

 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

Tuotos

 4 58 1440

Täällä voimme jälleen nähdä, että forEachohittaa tyhjä elementti. thisArgvälitetään laskuri-objektin menetelmän thismääritelmän sisällä execute.

Suositeltava lukeminen: JavaScript Array map ()

Mielenkiintoisia artikkeleita...