57. Parcourir des tableaux avec for...of

La boucle for...of (introduite dans ES6) est la manière la plus simple et la plus lisible de parcourir directement les valeurs d'un objet itérable, comme un Array ou une String. Elle élimine le besoin de gérer un compteur d'index.

Syntaxe

javascript for (const element of arrayName) { // Code à exécuter pour chaque élément }

Exemple

javascript const directions = ['Nord', 'Est', 'Sud', 'Ouest'];

for (const direction of directions) { // Note : 'direction' est la valeur réelle, pas l'index. console.log(Déplacement vers : ${direction}); }

// Résultat : // Déplacement vers : Nord // Déplacement vers : Est // ...

Obtenir l'index avec for...of

Si vous avez besoin de l'index tout en utilisant for...of, vous devez utiliser la méthode .entries().

javascript for (const [index, value] of directions.entries()) { console.log(Index ${index} : ${value}); }

Bonne pratique : Utilisez for...of pour une itération propre en lecture seule lorsque l'index n'est pas critique.