Boucle for...of

La boucle for...of offre un moyen simple de parcourir les valeurs d’objets itérables, tels que les tableaux, les chaînes de caractères, les maps, les ensembles et bien d’autres. Elle combine la concision de forEach avec la possibilité d’utiliser break et continue.

Voici la syntaxe de base d’une boucle for...of :

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

• element : À chaque itération, la valeur suivante de l’objet itérable est affectée à cette variable.
• iterable : L’objet dont les éléments sont parcourus (par exemple, un tableau ou une chaîne de caractères).

Voici un exemple avec un tableau :

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Résultat :

apple
banana
orange

Voici un autre exemple avec une chaîne de caractères :

const text = "hello";

for (const char of text) {
    console.log(char);
}

Résultat :

h
e
l
l
o

Par rapport aux boucles for traditionnelles ou à la méthode forEach, for...of offre une syntaxe plus simple pour de nombreux cas d’utilisation courants, surtout lorsque tu n’as pas besoin de l’index de chaque élément.