Cicli: ripetere un’azione per ogni elemento

Usare un ciclo per evitare di scrivere la stessa riga tante volte.

In parole semplici

Un ciclo ripete un’azione. Se hai una lista di dieci elementi, non devi scrivere dieci console.log: puoi chiedere a JavaScript di ripetere il lavoro.

Questa lezione fa parte del modulo Liste e schede di dati. L’obiettivo del modulo è: Imparare a gestire più valori insieme usando array e oggetti.

Parole nuove

ciclo: istruzione che ripete un blocco di codice.
for…of: ciclo comodo per leggere ogni elemento di una lista.

Cosa impari

Capire il concetto senza partire da definizioni astratte.
Vedere un esempio piccolo che puoi copiare e modificare.
Collegare l’argomento al risultato del modulo: un piccolo catalogo prodotti cercabile e filtrabile in console.

Esempio da copiare

const nomi = ["Anna", "Luca", "Mina"];

for (const nome of nomi) {
  console.log("Ciao " + nome);
}

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

Crea una lista di quattro nomi.
Usa for…of per stamparli uno alla volta.
Aggiungi un quinto nome.
Verifica che il ciclo lo stampi senza altre modifiche.

Controllo finale

Hai finito quando aggiungere un elemento alla lista basta per farlo comparire nel ciclo.