JavaScript forEach - Hogyan továbbhurcolhatunk egy tömböt a JS-ben

A JavaScript forEach metódus a tömbök közötti váltás egyik módja. Mindegyik módszernek különböző tulajdonságai vannak, és Önön múlik, hogy mit csinál, mit használ.

Ebben a bejegyzésben közelebbről megvizsgáljuk a JavaScript forEach módszert.

Figyelembe véve, hogy az alábbi tömböt használjuk:

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

A hagyományos "for loop" használatával a tömbhöz való hurkolás a következőképpen alakul:

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

Mi különbözteti meg a forEach () metódust?

A forEach metódust tömbökhöz is hurcolják, de a függvényt másként használja, mint a klasszikus "for loop".

A forEach metódus egy visszahívási függvényt ad át egy tömb minden eleméhez a következő paraméterekkel együtt:

  • Jelenlegi érték (kötelező) - Az aktuális tömbelem értéke
  • Index (opcionális) - Az aktuális elem indexszáma
  • Tömb (opcionális) - Az a tömb objektum, amelyhez az aktuális elem tartozik

Hadd magyarázzam el ezeket a paramétereket lépésről lépésre.

Először is, a tömbön való áttekintéshez a forEach metódus segítségével visszahívási (vagy névtelen) funkcióra van szükség:

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

A függvény a tömb minden egyes elemére végrehajtásra kerül. Legalább egy paraméternek meg kell felelnie egy tömb elemeinek:

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

Ennyit kell tennünk a tömbhöz való hurkoláshoz:

Alternatív megoldásként használhatja az ES6 nyílfüggvényábrázolást a kód egyszerűsítésére:

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

Opcionális paraméterek

Index

Rendben, folytassuk az opcionális paraméterekkel. Az első az "index" paraméter, amely az egyes elemek indexszámát jelenti.

Alapvetően akkor láthatjuk az elem indexszámát, ha második paraméterként felvesszük:

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

Sor

A tömb paraméter maga a tömb. Szintén opcionális, és szükség esetén felhasználható különféle műveletekben. Ellenkező esetben, ha hívjuk, csak annyiszor kerül kinyomtatásra, mint ahány tömb eleme:

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

Ebben a videóban láthatja a forEach () metódus példáját:

Böngésző támogatás

Az Array.forEach metódust minden böngésző támogatja, ha az IE 8-as vagy korábbi verziója várható:

Ha többet szeretne megtudni a webfejlesztésről, látogasson el nyugodtan a Youtube csatornámra.

Köszönöm, hogy elolvasta!