JavaScript forEach - Ako postupovať cez pole v JS

Metóda JavaScript forEach je jedným z niekoľkých spôsobov, ako prechádzať poliami. Každá metóda má odlišné vlastnosti a je len na vás, podľa toho, čo práve robíte, sa rozhodnete, ktorú z nich použijete.

V tomto príspevku sa bližšie pozrieme na metódu JavaScript forEach.

Vzhľadom na to, že nižšie máme nasledujúce pole:

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

Použitie tradičnej slučky „for loop“ na slučkovanie poľa by bolo takéto:

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

Čím sa líši metóda forEach ()?

Metóda forEach sa používa aj na slučkovanie polí, ale používa inú funkciu ako klasická slučka „for loop“.

Metóda forEach odovzdáva funkciu spätného volania pre každý prvok poľa spolu s nasledujúcimi parametrami:

  • Aktuálna hodnota (požadovaná) - hodnota aktuálneho prvku poľa
  • Index (voliteľné) - číslo indexu aktuálneho prvku
  • Pole (voliteľné) - objekt poľa, ku ktorému aktuálny prvok patrí

Dovoľte mi vysvetliť tieto parametre krok za krokom.

Najskôr na to, aby ste prešli po poli pomocou metódy forEach, potrebujete funkciu spätného volania (alebo anonymnú funkciu):

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

Funkcia sa vykoná pre každý jeden prvok poľa. Musí obsahovať aspoň jeden parameter, ktorý predstavuje prvky poľa:

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

To je všetko, čo musíme urobiť, aby ste sa prehnali cez pole:

Prípadne môžete na zjednodušenie kódu použiť znázornenie funkcie šípky ES6:

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

Nepovinné parametre

Register

Dobre, teraz pokračujeme voliteľnými parametrami. Prvým z nich je parameter „index“, ktorý predstavuje indexové číslo každého prvku.

V zásade môžeme vidieť indexové číslo prvku, ak ho zahrnieme ako druhý parameter:

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

Pole

Parameter poľa je samotné pole. Je tiež voliteľný a v prípade potreby ho možno použiť pri rôznych operáciách. V opačnom prípade, ak to nazveme, vytlačí sa toľkokrát, koľkokrát je počet prvkov v poli:

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

Príklad použitia metódy forEach () si môžete pozrieť v tomto videu:

Podpora prehľadávača

Metóda Array.forEach je podporovaná vo všetkých prehľadávačoch s očakávaním verzie IE 8 alebo staršej:

Ak sa chcete dozvedieť viac informácií o vývoji webu, neváhajte navštíviť môj kanál Youtube.

Ďakujem za čítanie!