0Pricing
JavaScript Academy · Lezione

Cicli: for, while, do…while, for…of vs for…in

Impari le basi dei cicli: for, while, do…while e quando usare for…of rispetto a for…in per array e oggetti.

Cicli: for, while, do…while, for…of vs for…in è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.

Introduzione

Obiettivo: scegliere il ciclo appropriato. Impari a usare for, while, do…while e a capire quando usare for…of invece di for…in.

  • Cicli con conteggio
  • Cicli basati su condizioni
  • Iterazione di valori e chiavi
Cicli: for, while, do…while, for…of vs for…in — illustrazione 1

Nozioni di base sul ciclo for

for è ideale quando servono l'indice e una condizione di terminazione.

// Classic for: great for indexes
const nums = [2, 4, 6];

for (let i = 0; i < nums.length; i++) {
  console.log("Index:", i, "Value:", nums[i]);
}
Cicli: for, while, do…while, for…of vs for…in — illustrazione 2

Nozioni di base sul ciclo while

while verifica prima la condizione; si assicuri che la variabile del ciclo cambi.

// while: run while a condition stays true
let count = 3;

while (count > 0) {
  console.log("Countdown:", count);
  count = count - 1;
}

console.log("Go!");
Cicli: for, while, do…while, for…of vs for…in — illustrazione 3

Nozioni di base su do…while

do…while esegue prima il corpo, poi verifica la condizione; è utile quando serve almeno un'esecuzione garantita.

// do…while: runs the body at least once
let tries = 0;

do {
  console.log("Attempt:", tries + 1);
  tries = tries + 1;
} while (tries < 2);
Cicli: for, while, do…while, for…of vs for…in — illustrazione 4

for…of e for…in a confronto

for…of restituisce i valori; for…in restituisce le chiavi e può includere chiavi ereditate.

// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)

const colors = ["red", "green", "blue"];

for (const value of colors) {
  console.log("of value:", value);
}

for (const key in colors) {
  console.log("in key:", key);
}
Cicli: for, while, do…while, for…of vs for…in — illustrazione 5

Suggerimenti sui cicli

Suggerimenti:

  • Preferisca for…of per gli array, così ottiene direttamente i valori.
  • Usi for…in per le chiavi degli oggetti, non per gli array.
  • Eviti i cicli infiniti: aggiorni sempre la variabile del ciclo.
Cicli: for, while, do…while, for…of vs for…in — illustrazione 6

Quiz su for…of e for…in

Verifica rapida: ottenere direttamente i valori di un array.

Cicli: for, while, do…while, for…of vs for…in — illustrazione 7

Riepilogo

Riepilogo: usi for per gli indici, while per i cicli basati su condizioni, do…while per eseguire una volta e poi verificare e for…of per i valori degli array.

Cicli: for, while, do…while, for…of vs for…in — illustrazione 8

Domande Frequenti

La lezione «Cicli: for, while, do…while, for…of vs for…in» è gratuita?

Sì — il testo completo di «Cicli: for, while, do…while, for…of vs for…in» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.

Cosa imparerò in «Cicli: for, while, do…while, for…of vs for…in»?

Impari le basi dei cicli: for, while, do…while e quando usare for…of rispetto a for…in per array e oggetti. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 3.

Quanto tempo richiede la lezione «Cicli: for, while, do…while, for…of vs for…in»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. if/else e switch — schemi fondamentali
  2. Cicli: for, while, do…while, for…of vs for…in
  3. Return anticipati e guard clause
← Torna a JavaScript Academy