JavaScript pentru fiecare metodă este una dintre mai multe moduri de a face loop prin tablouri. Fiecare metodă are caracteristici diferite și depinde de dvs., în funcție de ceea ce faceți, să decideți pe care să o utilizați.

În această postare, vom analiza mai atent metoda JavaScript pentru fiecare.

Având în vedere că avem următoarea matrice mai jos:

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

Folosirea tradiționalului „pentru buclă” pentru a parcurge matricea ar fi astfel:

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

Ce face diferită metoda forEach ()?

Metoda forEach este, de asemenea, utilizată pentru a bucla prin matrice, dar folosește o funcție diferită de clasicul „pentru buclă”.

ad-banner

Metoda forEach trece o funcție de apel invers pentru fiecare element al unui tablou împreună cu următorii parametri:

  • Valoare curentă (obligatorie) – Valoarea elementului matrice curent
  • Index (opțional) – numărul de index al elementului curent
  • Matrice (opțional) – obiectul matrice căruia îi aparține elementul curent

Permiteți-mi să explic acești parametri pas cu pas.

În primul rând, pentru a parcurge o matrice utilizând metoda forEach, aveți nevoie de o funcție de apel invers (sau funcție anonimă):

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

Funcția va fi executată pentru fiecare element al matricei. Trebuie să ia cel puțin un parametru care reprezintă elementele unui tablou:

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

Asta este tot ce trebuie să facem pentru a parcurge matricea:

JavaScript forEach How to Loop Through an Array in

Alternativ, puteți utiliza reprezentarea funcției săgeată ES6 pentru simplificarea codului:

numbers.forEach(number => console.log(number));
Reprezentarea funcției săgeată

Parametrii opționali

Index

Bine acum să continuăm cu parametrii opționali. Primul este parametrul „index”, care reprezintă numărul de index al fiecărui element.

Practic, putem vedea numărul de index al unui element dacă îl includem ca al doilea parametru:

numbers.forEach((number, index) => {
    console.log('Index: ' + index + ' Value: ' + number);
});
1611742624 149 JavaScript forEach How to Loop Through an Array in

Matrice

Parametrul matricei este matricea în sine. De asemenea, este opțional și poate fi utilizat, dacă este necesar, în diverse operații. În caz contrar, dacă îl numim, va fi tipărit doar de câte ori numărul de elemente ale matricei:

numbers.forEach((number, index, array) => {
    console.log(array);
});
1611742624 181 JavaScript forEach How to Loop Through an Array in

Puteți vedea exemplul de utilizare a metodei forEach () în acest videoclip:

Suport pentru browser

Metoda Array.forEach este sprijinit în toate browserele, se așteaptă IE versiunea 8 sau o versiune anterioară:

1611742624 344 JavaScript forEach How to Loop Through an Array in
caniuse.com

Dacă doriți să aflați mai multe despre dezvoltarea web, nu ezitați să mă vizitați Canalul canalului YouTube.

Mulțumesc că ai citit!