forEach Loop en JavaScript: une solution unique pour les débutants



Dans ce blog, nous découvrirons la boucle forEach et son implémentation en JavaScript. Le blog couvre des sujets tels que les paramètres, le retour et l'utilisation.

fournit une multitude de façons d'implémenter des boucles pour traverser un tableau. Aujourd'hui, nous allons discuter d'une boucle particulière qui est rapidement devenue l'une des préférées des développeurs. pour chaque boucle en JavaScript. Voici les sujets sur lesquels nous allons nous pencher:

Que sont les boucles et les tableaux?

Loop est le terme pour le processus de mise en œuvre d'un itérateur, c'est-à-dire quelque chose qui est fait de manière répétitive. Donc, si vous comptiez de 1 à 10, vous implémenteriez une boucle qui boucle dix fois et augmente la valeur de comptage de 1.

Tableaux sont simplement, une collection d'objets similaires. Il est généralement idéal pour conserver une liste d'éléments, par exemple les informations sur les élèves, qui pourraient être stockées en tant qu'objets d'élève dans un tableau. Une excellente façon de parcourir un tableau a été une boucle for, et c'est exactement ce que la boucle forEach améliore. Apprenons-en plus sur la boucle forEach.





forEach dans la syntaxe JavaScript

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Vous pouvez exécuter la fonction souhaitée ici print (student)}


Le snip ci-dessus est la syntaxe d'un pour chaque boucle dans . Voyons de plus près comment tout cela est exécuté. Nous déclarons tout d'abord un tableau de noms d'étudiants et le nommons de manière appropriée. Ensuite, nous invoquons la fonction forEach avec le opérateur point (.). Les données renvoyées par la fonction sont stockées dans student. Les données sont renvoyées par une fonction de rappel. Dans cet exemple, nous imprimons simplement les noms de l'étudiant qui donneraient la sortie «Rob Van Dam»

Paramètres de forEach en JavaScript

Les paramètres sont passés dans la fonction de rappel, ils sont-



  • currentValue - Les valeurs actuelles passées dans le rappel. Dans le snip, la valeur currentValue est étudiant . Ce paramètre est obligatoire.
  • index - L'index de l'élément actuel dans le tableau. C'est un paramètre optionnel.
  • this - cela fait référence à l'objet actuel dans la pile d'appels.

Valeur de retour de forEach dans JavaScript

indéfini . Toujours .

Filter, Map renvoient un tableau et forEach renvoie undefined. C'est la principale différence entre ces boucles.



Maintenant que les bases sont terminées, passons en revue quelques règles à garder à l'esprit lors de l'utilisation pour chaque .

  • forEach exécute la fonction de rappel une fois pour chaque élément du tableau.
  • Il renvoie toujours undefined.
  • Il ne modifie pas le tableau, mais le rappel peut le faire s'il est programmé pour le faire.
  • forEach ne peut pas être chaîné comme map, réduire ou filtrer.
  • La gamme des éléments traités par pour chaque loop est défini avant le premier appel de la fonction de rappel.
  • Éléments ajoutés au tableau après forChaque démarrage n'est pas visité par la boucle.
  • Les éléments supprimés avant d'être visités par la boucle ne sont pas visités.
  • Si des éléments déjà visités sont supprimés du tableau pendant l'itération, les éléments suivants seront ignorés.
  • forChaque boucle une fois démarrée ne peut pas être arrêtée sans tuer le thread de processus. Considérez-le comme un abonnement. Vous devez vous désinscrire pour qu'il s'arrête.
  • forEach n'exécute pas le rappel pour les éléments du tableau sans valeurs.

Ce sont les règles qu'il faut toujours garder à l'esprit lors de l'utilisation du forEach boucle.

Maintenant que vous connaissez la boucle forEach, consultez la formation à la certification en développement Web par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «forEach in JavaScript» et nous vous recontacterons.

goto, fonction c ++