forEach Loop en JavaScript: solució única per a principiants

En aquest bloc coneixerem el bucle forEach i la seva implementació en JavaScript. El bloc tracta temes com els paràmetres, el retorn i l’ús.

proporciona multitud de maneres d'implementar bucles a través d'una matriu. Avui parlarem d'un bucle en particular que s'ha convertit ràpidament en un dels favorits dels desenvolupadors per cadascú bucle a JavaScript. A continuació es detallen els temes que tractarem:



què és la sobrecàrrega de mètodes i la substitució de mètodes

Què són els bucles i les matrius?

Loop és el terme per al procés d’implementació d’un iterador, és a dir, una cosa que es fa de manera repetitiva. Per tant, si comptés de l’1 al 10, implementaria un bucle que es repeteix deu vegades i augmenta un valor de comptatge en 1.

Matrius són, simplement, una col·lecció d’objectes similars. En general, és ideal per mantenir una llista de coses, per exemple, informació dels estudiants, que es pot emmagatzemar com a objecte de l’alumne en una matriu. Una manera fantàstica de recórrer una matriu ha estat un bucle for, i això és exactament el que millora el bucle forEach. Aprenem més sobre el bucle forEach.



per a cadascun a la sintaxi de JavaScript

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Podeu realitzar la funció que desitgeu imprimir aquí (student)}


El fragment anterior és la sintaxi de a per cadascú connectar-se . Vegem de més a prop com s’executa tot això. Primerament declarem una sèrie de noms d’estudiants i l’anomenem adequadament. A continuació, invocem la funció forEach amb el operador de punt (.). Les dades retornades per la funció s’emmagatzemen a l’alumne. Les dades es retornen mitjançant una funció de devolució de trucada. En aquest exemple, simplement imprimim els noms de l'estudiant que donaria la sortida 'Rob Van Dam'

Paràmetres de forEach a JavaScript

Els paràmetres es passen a la funció de devolució de trucada;



  • currentValue: els valors actuals que es passen a la devolució de trucada. Al fragment el valor actual és estudiant . Aquest paràmetre és obligatori.
  • index: índex de l'element actual de la matriu. Aquest és un paràmetre opcional.
  • això: es refereix a l'objecte actual a la pila de trucades.

Valor de retorn de forEach a JavaScript

sense definir . Sempre .

titella vs xef vs ansible

Filtre, Mapa retorna una matriu i forEach torna indefinit. Aquesta és la principal diferència entre aquests bucles.



Ara que ja heu acabat els conceptes bàsics, repassem algunes regles que cal tenir en compte a l’hora d’utilitzar-les per cadascú .

  • forEach executa la funció de devolució de trucada una vegada per a cada element de matriu.
  • Sempre torna indefinit.
  • No muta la matriu, però la devolució de trucada pot si està programada per fer-ho.
  • forEach no pot cadenar, com mapar, reduir o filtrar.
  • El rang d'elements processats per per cadascú bucle s'estableix abans de la primera invocació de la funció de devolució de trucada.
  • Elements afegits a la matriu després el bucle no els visita per a cada iniciat.
  • Els elements que se suprimeixen abans que el bucle els visiti no es visiten.
  • Si els elements que ja s'han visitat s'eliminen de la matriu durant la iteració, se saltaran els elements posteriors.
  • perCada bucle un cop iniciat no es pot aturar sense matar el fil del procés. Penseu-ho com una subscripció. Heu de donar-vos de baixa perquè s’aturés.
  • forEach no executa la devolució de trucada per als elements de la matriu sense valors.

Aquestes són les regles que sempre s’han de tenir en compte a l’hora d’utilitzar el fitxer per a cada bucle.

Ara que ja coneixeu el bucle forEach, consulteu la Formació sobre certificació de desenvolupament web d'Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'forEach in JavaScript' i us respondrem.