„JavaScript forEach“ - kaip perjungti masyvą JS

„JavaScript forEach“ metodas yra vienas iš kelių būdų pereiti per masyvus. Kiekvienas metodas turi skirtingas funkcijas, ir jūs patys nuspręsite, kurį naudoti, priklausomai nuo to, ką darote.

Šiame įraše mes atidžiau pažvelgsime į „JavaScript forEach“ metodą.

Atsižvelgiant į tai, kad mes turime šį masyvą žemiau:

const numbers = [1, 2, 3, 4, 5];

Naudojant tradicinį „for loop“, norint pereiti per masyvą, būtų taip:

for (i = 0; i < numbers.length; i++) { console.log(numbers[i]); } 

Kuo skiriasi „forEach“ () metodas?

„ForEach“ metodas taip pat naudojamas norint perjungti masyvus, tačiau jis naudoja funkciją kitaip nei klasikinis „for loop“.

„ForEach“ metodas perduoda kiekvieno masyvo elemento atgalinio skambinimo funkciją kartu su šiais parametrais:

  • Dabartinė vertė (būtina) - dabartinio masyvo elemento vertė
  • Rodyklė (nebūtina) - dabartinio elemento indekso numeris
  • Masyvas (pasirinktinai) - masyvo objektas, kuriam priklauso dabartinis elementas

Leiskite man paaiškinti šiuos parametrus žingsnis po žingsnio.

Pirma, norint pereiti per masyvą naudojant „forEach“ metodą, jums reikia atgalinio skambinimo funkcijos (arba anoniminės funkcijos):

numbers.forEach(function() { // code });

Funkcija bus vykdoma kiekvienam masyvo elementui. Tai turi turėti bent vieną parametrą, kuris atspindi masyvo elementus:

numbers.forEach(function(number) { console.log(number); });

Tai viskas, ką turime padaryti, norėdami pereiti prie masyvo:

Arba galite naudoti ES6 rodyklės funkcijos vaizdą, kad supaprastintumėte kodą:

numbers.forEach(number => console.log(number));

Neprivalomi parametrai

Indeksas

Gerai, dabar tęskime pasirinktinius parametrus. Pirmasis yra parametras „index“, nurodantis kiekvieno elemento indekso numerį.

Iš esmės galime pamatyti elemento indekso numerį, jei jį įtraukiame kaip antrą parametrą:

numbers.forEach((number, index) => { console.log('Index: ' + index + ' Value: ' + number); });

Masyvas

Masyvo parametras yra pats masyvas. Jis taip pat neprivalomas ir prireikus gali būti naudojamas atliekant įvairias operacijas. Priešingu atveju, jei tai vadinsime, jis bus tiesiog atspausdintas tiek kartų, kiek masyvo elementų:

numbers.forEach((number, index, array) => { console.log(array); });

Metodo forEach () naudojimo pavyzdį galite pamatyti šiame vaizdo įraše:

Naršyklės palaikymas

Array.forEach metodas palaikomas visose naršyklėse, kur tikimasi IE 8 ar ankstesnės versijos:

Jei norite sužinoti daugiau apie interneto plėtrą, nedvejodami apsilankykite mano „YouTube“ kanale.

Ačiū, kad skaitėte!