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 sets et bien d’autres. Elle allie la concision de forEach à 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).

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

Comparée aux boucles for traditionnelles ou à la méthode forEach, la syntaxe de for...of est plus simple pour de nombreux cas d’usage courants, surtout lorsque tu n’as pas besoin de l’indice de chaque élément.