Ciclo for...of

Il ciclo for...of offre un modo semplice per iterare sui valori di oggetti iterabili, come array, stringhe, mappe, insiemi e altro. Combina la concisione di forEach con la possibilità di usare break e continue.

Ecco la sintassi di base di un ciclo for...of:

for (const element of iterable) {
    // Codice da eseguire per ogni elemento
}

• element: A ogni iterazione, il valore successivo dell’oggetto iterabile viene assegnato a questa variabile.
• iterable: L’oggetto i cui elementi vengono iterati (ad es., un array o una stringa).

Ecco un esempio con un array:

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

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

Output:

apple
banana
orange

Ecco un altro esempio con una stringa:

const text = "hello";

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

Output:

h
e
l
l
o

Rispetto ai cicli for tradizionali o al metodo forEach, for...of offre una sintassi più semplice per molti casi d'uso comuni, soprattutto quando non ti serve l'indice di ogni elemento.