JavaScript forEach - Sådan løber du igennem en matrix i JS

JavaScript forEach-metoden er en af ​​de mange måder at gennemløbe arrays på. Hver metode har forskellige funktioner, og det er op til dig, afhængigt af hvad du laver, at beslutte, hvilken der skal bruges.

I dette indlæg vil vi se nærmere på JavaScript forEach-metoden.

I betragtning af at vi har følgende array nedenfor:

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

Brug af den traditionelle "for loop" til at løkke gennem arrayet ville være sådan:

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

Hvad gør metoden forEach () anderledes?

ForEach-metoden bruges også til at gennemløbe arrays, men den bruger en funktion anderledes end den klassiske "for loop".

ForEach-metoden sender en tilbagekaldsfunktion for hvert element i en matrix sammen med følgende parametre:

  • Aktuel værdi (påkrævet) - Værdien af ​​det aktuelle matrixelement
  • Indeks (valgfrit) - Det aktuelle elements indeksnummer
  • Array (valgfrit) - Det array-objekt, som det aktuelle element tilhører

Lad mig forklare disse parametre trin for trin.

For det første skal du have en tilbagekaldsfunktion (eller anonym funktion) for at løbe gennem en matrix ved hjælp af forEach-metoden:

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

Funktionen udføres for hvert enkelt element i arrayet. Det skal tage mindst en parameter, der repræsenterer elementerne i en matrix:

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

Det er alt, hvad vi skal gøre for at løbe gennem arrayet:

Alternativt kan du bruge repræsentationen af ​​pilfunktionen ES6 til at forenkle koden:

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

Valgfri parametre

Indeks

Okay, lad os fortsætte med de valgfri parametre. Den første er parameteren "indeks", som repræsenterer indeksnummeret for hvert element.

Dybest set kan vi se indeksnummeret på et element, hvis vi inkluderer det som en anden parameter:

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

Array

Arrayparameteren er selve arrayet. Det er også valgfrit og kan bruges om nødvendigt i forskellige operationer. Ellers, hvis vi kalder det, bliver det bare udskrevet så mange gange som antallet af elementer i arrayet:

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

Du kan se eksemplet på brugen af ​​metoden forEach () i denne video:

Browsersupport

Array.forEach-metoden understøttes i alle browsere, der forventer IE version 8 eller tidligere:

Hvis du vil lære mere om webudvikling, er du velkommen til at besøge min Youtube-kanal.

Tak fordi du læste!