JavaScript forEach - kā izveidot cilni JS

JavaScript forEach metode ir viens no vairākiem veidiem, kā veikt ciklu darbību. Katrai metodei ir dažādas funkcijas, un atkarībā no tā, ko jūs darāt, jums jāizlemj, kuru izmantot.

Šajā amatā mēs tuvāk aplūkosim JavaScript forEach metodi.

Ņemot vērā, ka mums ir šāds masīvs zemāk:

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

Izmantojot tradicionālo "for loop", lai pārietu pie masīva, būtu šādi:

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

Ar ko metode forEach () atšķiras?

ForEach metodi izmanto arī, lai izveidotu virkni caur masīviem, taču tā izmanto funkciju atšķirīgi no klasiskās "for loop".

ForEach metode nodod atzvana funkciju katram masīva elementam kopā ar šādiem parametriem:

  • Pašreizējā vērtība (obligāta) - pašreizējā masīva elementa vērtība
  • Indekss (pēc izvēles) - pašreizējā elementa indeksa numurs
  • Masīvs (pēc izvēles) - masīva objekts, kuram pieder pašreizējais elements

Ļaujiet man soli pa solim izskaidrot šos parametrus.

Pirmkārt, lai izveidotu masīvu, izmantojot forEach metodi, jums ir nepieciešama atzvanīšanas funkcija (vai anonīma funkcija):

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

Funkcija tiks izpildīta katram atsevišķam masīva elementam. Tam ir nepieciešams vismaz viens parametrs, kas attēlo masīva elementus:

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

Tas ir viss, kas mums jādara, lai izveidotu masīvu:

Alternatīvi, koda vienkāršošanai varat izmantot ES6 bultiņas funkcijas attēlojumu:

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

Izvēles parametri

Indekss

Labi, turpināsim ar izvēles parametriem. Pirmais ir parametrs "index", kas apzīmē katra elementa indeksa numuru.

Būtībā mēs varam redzēt elementa indeksa numuru, ja to iekļaujam kā otro parametru:

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

Masīvs

Masīva parametrs ir pats masīvs. Tas arī nav obligāts, un, ja nepieciešams, to var izmantot dažādās darbībās. Pretējā gadījumā, ja mēs to saucam, tas tiks izdrukāts tik reižu, cik masīva elementu skaits:

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

Metodes forEach () izmantošanas piemēru varat skatīt šajā videoklipā:

Pārlūka atbalsts

Array.forEach metode tiek atbalstīta visos pārlūkos, kas paredz IE 8. vai vecāku versiju

Ja vēlaties uzzināt vairāk par tīmekļa izstrādi, apmeklējiet manu Youtube kanālu.

Paldies par lasīšanu!