Boucle foreach javascript
Pourquoi devrions-nous utiliser une boucle foreach
Pour utiliser un pour boucle, Nous devons définir le nombre de fois que la boucle fonctionnera, contrairement boucle foreach, qui n'a pas besoin de compteur. Lorsque nous utilisons un boucle foreach, Nous disons essentiellement «fais-le à chaque élément de cette collection» alors que, dans la boucle, nous indiquons explicitement le nombre de fois que la boucle fonctionnera. Cela peut entraîner des erreurs et rendre le code extrêmement difficile à lire alors que l'indexation du tableau commence à 0.
Note: Nous utiliserons la console du navigateur pour démontrer des exemples effectués dans ce post. Pour ouvrir la console du navigateur:
- Utilisez le F12 Clé dans Chrome et autres navigateurs à base de chrome.
- Utiliser Ctrl + shift + k Clés de raccourci clavier pour Mozilla.
- Utiliser Option + ⌘ + C Clés de raccourci clavier dans Safari (si le menu du développeur n'apparaît pas, alors ouvrez les préférences en appuyant sur ⌘ +, et en Avancé chèque d'onglet "Afficher le menu de développement dans la barre de menus").
Syntaxe de la boucle foreach en javascript
déployer.foreach (fonction (valeur, index, arr), thisValue)Remplace le déployer avec le nom réel de votre tableau.
Paramètres:
- valeur: Requis; Stocke la valeur de l'élément actuel.
- Indice: Facultatif; Stocke l'index de l'élément actuel du tableau.
- art: Facultatif; Maintient l'objet de tableau qui contient l'élément actuel.
- cette valeur: Facultatif; Ce paramètre est utilisé comme ce valeur de la fonction. indéfini est utilisé comme par défaut ce valeur si ce paramètre n'est pas donné.
indéfini est la valeur de retour de pour chaque méthode.
Comment utiliser une boucle foreach en javascrip
Maintenant nous allons utiliser le pour chaque boucle pour sortir chaque élément d'un tableau nommé Nombres sur la console comme exemple:
nombres var = [1, 2, 3, 4, 5, 6];Nombres.foreach (fonction (valeur)
console.log (valeur);
)
Dans l'exemple donné ci-dessus, nous avons d'abord déclaré un tableau nommé Nombres et lui a attribué six éléments. Ensuite, nous avons utilisé le pour chaque Boucle pour faire une boucle à travers chaque élément présent dans le tableau. Nous avons ensuite déclaré et défini une fonction à l'intérieur du pour chaque boucle qui imprime la valeur de l'élément dans l'itération actuelle de la boucle sur la console.
Nous pouvons également déclarer et définir la fonction en dehors de la boucle et simplement appeler la fonction du corps de la boucle:
nombres var = [1, 2, 3, 4, 5, 6];Nombres.foreach (pr);
fonction pr (valeur)
console.log (valeur);
Le pour chaque la boucle n'est pas exécutée pour les éléments vides du tableau. Si nous ajoutons un autre élément au tableau comme mentionné ci-dessus en utilisant le déployer.longueur propriété et exécuter le programme, la sortie restera la même:
nombres var = [1, 2, 3, 4, 5, 6];Nombres.longueur = 7;
console.Log ("La longueur du tableau est" + nombres.longueur);
Nombres.foreach (pr);
fonction pr (valeur)
console.log (valeur);
Nous allons maintenant essayer d'effectuer différentes actions sur les éléments du tableau. Tout d'abord, essayons d'écrire une fonction qui imprime le carré de chaque élément du tableau sur la console:
nombres var = [1, 2, 3, 4, 5, 6];Nombres.foreach (pr);
fonction pr (valeur)
Soit Square = valeur * valeur;
console.journal (carré);
Essayons maintenant de produire la somme de tous les éléments du tableau à la console:
nombres var = [1, 2, 3, 4, 5, 6];Soit sum = 0;
Nombres.foreach (pr);
fonction pr (valeur)
sum = sum + valeur;
console.log (sum);
Conclusion
Le boucle foreach est une déclaration de flux de contrôle qui est utilisée pour parcourir les éléments d'une collection. Cela s'avère utile lorsque nous devons effectuer des actions différentes sur chaque élément de la boucle individuellement.
Dans ce post, nous avons pris le pour chaque boucle. Nous avons appris ce que c'est et comment l'utiliser. De plus, nous l'avons également comparé à la plus courante pour une boucle.