JavaScript forEach - Kako pregledati niz u JS-u

Programiranje

Metoda JavaScript forEach jedan je od nekoliko načina za prolazak kroz nizove. Svaka metoda ima različite značajke, a na vama je da ovisno o tome što radite odlučite koju ćete koristiti.

U ovom ćemo postu pobliže pogledati JavaScript forEach metodu.

S obzirom da u nastavku imamo sljedeći niz:

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

Korištenje tradicionalne petlje "for" za prolazak kroz niz bilo bi ovako:

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

Po čemu se metoda forEach () razlikuje?

Metoda forEach također se koristi za petljanje kroz nizove, ali koristi funkciju različitu od klasične "for loop".

Metoda forEach prosljeđuje funkciju povratnog poziva za svaki element niza zajedno sa sljedećim parametrima:

  • Trenutna vrijednost (potrebna) - vrijednost trenutnog elementa niza
  • Indeks (nije obavezno) - broj indeksa trenutnog elementa
  • Niz (neobavezno) - Objekt niza kojem pripada trenutni element

Dopustite mi da objasnim ove parametre korak po korak.

Prvo, da biste petlju kroz niz koristili metodu forEach, potrebna vam je funkcija povratnog poziva (ili anonimna funkcija): 

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

Funkcija će se izvršiti za svaki pojedini element niza. Mora uzeti barem jedan parametar koji predstavlja elemente niza:

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

To je sve što trebamo učiniti za petlju kroz niz:

Za pojednostavljivanje koda možete koristiti prikaz funkcije strelice ES6:

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

Izborni parametri

Indeks

U redu, nastavimo s neobaveznim parametrima. Prvi je parametar "index", koji predstavlja indeksni broj svakog elementa.

U osnovi, indeksni broj elementa možemo vidjeti ako ga uvrstimo kao drugi parametar:

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

Polje

Parametar niza je sam niz. Također je neobavezna i može se koristiti po potrebi u raznim operacijama. U suprotnom, ako ga zovemo, ispisat će se onoliko puta koliko je broj elemenata niza:

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

Primjer upotrebe metode forEach () možete vidjeti u ovom videozapisu:

Podrška preglednika

Metoda Array.forEach podržana je u svim preglednicima koji očekuju IE verzije 8 ili starije:

Ako želite saznati više o web razvoju, slobodno posjetite moj Youtube kanal.

Hvala na čitanju!