Boucle « forEach » JavaScript – Parcourez les Éléments d’un Tableau

La boucle « forEach » en JavaScript est un outil pour parcourir les éléments d’un tableau et exécuter une fonction pour chaque élément. Cette boucle offre une manière élégante de traiter les éléments d’un tableau sans avoir à gérer les indices. Dans cet article, nous explorerons en détail l’utilisation de la boucle « forEach » en JavaScript, en mettant en évidence sa syntaxe, ses fonctionnalités et ses applications pratiques.

Comprendre la Boucle « forEach » en JavaScript

La boucle « forEach » en JavaScript est utilisée pour itérer à travers les éléments d’un tableau (ou d’un objet semblable à un tableau) et exécuter une fonction pour chaque élément. Contrairement à d’autres boucles comme « for » ou « while », elle ne nécessite pas de définir explicitement un compteur ou un indice.

Syntaxe de Base

La syntaxe de base de la boucle « forEach » en JavaScript est la suivante :

array.forEach(function(element) {
    // Code à exécuter pour chaque élément
});

• array : Le tableau que vous souhaitez parcourir.
• element : Une variable temporaire qui prend la valeur de chaque élément du tableau à chaque itération.

Exemple d’Utilisation

Voici un exemple simple d’utilisation de la boucle « forEach » pour afficher chaque élément d’un tableau :

array.forEach(function(element) {
const fruits = ["pomme", "banane", "orange", "fraise"];

fruits.forEach(function(fruit) {
    console.log(fruit);
});

Ce code affichera chaque nom de fruit dans la console.

Fonction Fléchée avec la Boucle « forEach »

En plus de la syntaxe traditionnelle, vous pouvez également utiliser des fonctions fléchées avec la boucle « forEach » pour rendre votre code plus concise.

fruits.forEach(fruit => console.log(fruit));

Utilisation de l’Indice (Index)

Si vous avez besoin d’accéder à l’indice de chaque élément en plus de la valeur, vous pouvez le faire en utilisant un deuxième paramètre dans la fonction de rappel de la boucle « forEach ».

fruits.forEach(function(fruit, index) {
    console.log("Fruit à l'indice " + index + ": " + fruit);
});

La boucle « forEach » en JavaScript est utile pour parcourir et traiter les éléments d’un tableau de manière élégante et efficace. En utilisant sa syntaxe simple et en comprenant comment accéder aux valeurs et aux indices, vous serez en mesure de travailler de manière plus efficace avec les données structurées dans vos projets JavaScript, que ce soit pour l’affichage, la manipulation ou le traitement de données.