Comment utiliser foreach pour parcourir un tableau en JavaScript

Programmation JavaScript
, , , , , , , , ,
1

Bonjour,

Je voudrais savoir comment je peux parcourir tous les éléments d’un tableau en utilisant la boucle foreach en JavaScript?

Merci :slightly_smiling_face:

2

for | for…of | forEach | map

Supposant on a le tableau suivant:

const arr = ['A', 'B', 'C']

Voici les différents méthodes pour parcourir les éléments d’un tableau en JavaScript.

Exemple 1: Parcourir un tableau en utilisant la boucle for

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i])  // 'A', 'B', 'C'
}

Exemple 2: Parcourir un tableau en utilisant la boucle for…of

for (const e of arr) {
    console.log(e)  // 'A', 'B', 'C'
}

Exemple 3: Parcourir un tableau en utilisant la boucle forEach

arr.forEach(e => {
    console.log(e)  // 'A', 'B', 'C'
})

Exemple 4: Parcourir un tableau en utilisant Map

arr.map(e => e)   // ['A', 'B', 'C']
3

Si vous utilisez la bibliothèque jQuery, vous pouvez utiliser jQuery.each :

$.each(myArray, function(index, value) {
  // votre code...
});
4

Vous pouvez utiliser un itérateur de manière explicite (ES2015+).

for-of utilise un itérateur implicitement, en faisant tout le travail à votre place. Parfois, vous pouvez utiliser un itérateur de manière explicite. Cela ressemble à ceci :

const arr = ['A', 'B', 'C'];
const it = arr.values();
let entry;
while (!(entry = it.next()).done) {
    const e = entry.value;
    console.log(e);
}

Sortie:

'A', 'B', 'C'
5

@Isaac vous avez oublié de motionner la boucle for…in. Voici un exemple:

let arr = [1, 2, 3, 4, 5];

for(let e in arr) {
  console.log(e);
}

Voir aussi: