JavaScript pour chaque ()

Table des matières

JavaScript pour chaque
forEach avec tableaux
Mise à jour des éléments de la matrice
forEach avec fonction flèche
boucle for à forEach ()
pour… sur avec Sets
forEach avec Maps

Dans ce didacticiel, vous découvrirez la méthode JavaScript forEach () à l'aide d'exemples.

La forEach()méthode appelle une fonction et itère sur les éléments d'un tableau. La forEach()méthode peut également être utilisée sur les cartes et les ensembles.

JavaScript pour chaque

La syntaxe de la forEach()méthode est:

 array.forEach(function(currentValue, index, arr))

Ici,

function (currentValue, index, arr) - une fonction à exécuter pour chaque élément d'un tableau
currentValue - la valeur d'un tableau
index (facultatif) - l'index de l'élément courant

arr (optionnel) - le tableau des éléments courants

forEach avec tableaux

La forEach()méthode est utilisée pour parcourir un tableau. Par exemple,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Production

 John Sara Jack

Dans le programme ci-dessus, la forEach()méthode prend une myFunction()fonction qui affiche chaque élément d'un tableau d'étudiants.

Mise à jour des éléments de la matrice

Comme nous l'avons vu dans l'exemple ci-dessus, la forEach()méthode est utilisée pour itérer sur un tableau, il est assez simple de mettre à jour les éléments du tableau. Par exemple,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);

Production

 ("Bonjour John", "Bonjour Sara", "Bonjour Jack")

forEach avec fonction flèche

Vous pouvez utiliser la fonction flèche avec la forEach()méthode pour écrire un programme. Par exemple,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Production

 John Sara Jack

boucle for à forEach ()

Voici un exemple de la façon dont nous pouvons écrire un programme avec forloop et with forEach().

Utilisation de la boucle for

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);

Production

 ("élément1", "élément2", "élément3")

Utiliser forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

pour… sur avec Sets

Vous pouvez parcourir les éléments Set à l'aide de la forEach()méthode. Par exemple,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Production

 1 2 3

forEach avec Maps

Vous pouvez parcourir les éléments de la carte à l'aide de la forEach()méthode. Par exemple,

 let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )

Production