JavaScript forEach - How to Loop Through an Array in JS

JavaScript forEach-metoden er en av flere måter å gå gjennom matriser. Hver metode har forskjellige funksjoner, og det er opp til deg, avhengig av hva du gjør, å bestemme hvilken du vil bruke.

I dette innlegget skal vi se nærmere på JavaScript forEach-metoden.

Tatt i betraktning at vi har følgende matrise nedenfor:

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

Å bruke den tradisjonelle "for loop" til å løkke gjennom matrisen vil være slik:

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

Hva gjør metoden forEach () annerledes?

ForEach-metoden brukes også til å løpe gjennom matriser, men den bruker en funksjon annerledes enn den klassiske "for loop".

ForEach-metoden sender en tilbakeringingsfunksjon for hvert element i en matrise sammen med følgende parametere:

  • Nåværende verdi (påkrevd) - Verdien til det nåværende matriseelementet
  • Indeks (valgfritt) - det nåværende elementets indeksnummer
  • Array (valgfritt) - Matriseobjektet som det nåværende elementet tilhører

La meg forklare disse parametrene trinn for trinn.

For det første, for å gå gjennom en matrise ved hjelp av forEach-metoden, trenger du en tilbakeringingsfunksjon (eller anonym funksjon):

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

Funksjonen vil bli utført for hvert enkelt element i matrisen. Det må ta minst en parameter som representerer elementene i en matrise:

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

Det er alt vi trenger å gjøre for å løpe gjennom matrisen:

Alternativt kan du bruke ES6-funksjonen til å forenkle koden:

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

Valgfrie parametere

Indeks

OK, la oss fortsette med de valgfrie parametrene. Den første er "indeks" -parameteren, som representerer indeksnummeret til hvert element.

I utgangspunktet kan vi se indeksnummeret til et element hvis vi inkluderer det som en andre parameter:

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

Array

Arrayparameteren er selve arrayet. Det er også valgfritt og kan brukes om nødvendig i forskjellige operasjoner. Ellers, hvis vi kaller det, blir det bare skrevet ut så mange ganger som antall elementer i matrisen:

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

Du kan se eksempelbruken på metoden forEach () i denne videoen:

Nettleserstøtte

Array.forEach-metoden støttes i alle nettlesere som forventer IE versjon 8 eller tidligere:

Hvis du vil lære mer om webutvikling, kan du gjerne besøke Youtube-kanalen min.

Takk for at du leser!