Boucle for...of

La boucle for...of fournit un moyen simple d'itérer sur les valeurs des objets itérables, tels que les tableaux, les chaînes de caractères, les maps, les sets, et plus encore. 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 assigné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);
}

Sortie :

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);
}

Sortie :

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 vous n'avez pas besoin de l'index de chaque élément.