Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Padroneggiare il Ciclo for in JavaScript | Looping Through Data in JavaScript
Introduzione a JavaScript
course content

Contenuti del Corso

Introduzione a JavaScript

Introduzione a JavaScript

1. Fondamenti di JavaScript
2. Variabili e Tipi di Dati in JavaScript
3. Eseguire Operazioni in JavaScript
4. Controllo del Flusso del Programma con Istruzioni Condizionali
5. Looping Through Data in JavaScript
6. Funzioni in JavaScript

book
Padroneggiare il Ciclo for in JavaScript

Il ciclo for è una struttura di loop fondamentale in JavaScript, anche se inizialmente può essere difficile da comprendere. Utilizza la parola chiave for e richiede tre parametri racchiusi tra parentesi:

javascript

Ecco una suddivisione di questi parametri:

  • Inizializzazione: Qui si inizializza un nuovo contatore utilizzato dal ciclo for. Viene eseguito solo una volta;

  • Condizione: Un'espressione controllata prima di ogni iterazione, simile al ciclo while;

  • Incremento/Decremento: Operazioni eseguite sul contatore alla fine di ogni iterazione del ciclo.

Nota

Iterazione nei cicli si riferisce alla ripetizione di un blocco di codice un certo numero di volte o fino a quando non viene soddisfatta una condizione specifica. Ogni volta che il blocco di codice viene eseguito, è considerata un'iterazione.

Illustriamo questo con un esempio:

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy

In questo esempio:

  • let i = 1: Inizializzazione, dove creiamo la variabile i all'interno del ciclo for. Questa operazione viene eseguita una volta;

  • i < 5: Condizione, verificata prima di ogni iterazione;

  • i++: Espressione di incremento, eseguita dopo ogni iterazione;

  • console.log("Loop iteration:", i);: Corpo del ciclo for.

Ogni passo nel ciclo può essere descritto come segue:

javascript

Passo 2 si ripete finché la condizione non diventa false.

Può essere utile considerare un diagramma per ottenere una comprensione più chiara di come opera il ciclo.

Puoi anche utilizzare il decremento nel ciclo for, come mostrato qui:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

Il contatore del ciclo for è unico nel suo ambito, quindi non devi preoccuparti che il nome del contatore entri in conflitto con altre variabili:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Possono essere utilizzate anche diverse espressioni per le operazioni di Incremento/Decremento:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Confronto tra i cicli for e while

Quando si confrontano i cicli for e while, il ciclo for è spesso più semplice e conciso. Ecco un esempio di cicli equivalenti:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

In questo confronto, il ciclo for è più semplice e occupa meno spazio di codice. Inoltre, il ciclo for cancella automaticamente la variabile contatore (in questo caso, i) dopo l'esecuzione.

question mark

Vuoi stampare ogni anno delle Olimpiadi estive dal 2000 al 2016, inclusi. Cosa dovrebbe andare nella condizione del ciclo?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4

Chieda ad AI

expand
ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

course content

Contenuti del Corso

Introduzione a JavaScript

Introduzione a JavaScript

1. Fondamenti di JavaScript
2. Variabili e Tipi di Dati in JavaScript
3. Eseguire Operazioni in JavaScript
4. Controllo del Flusso del Programma con Istruzioni Condizionali
5. Looping Through Data in JavaScript
6. Funzioni in JavaScript

book
Padroneggiare il Ciclo for in JavaScript

Il ciclo for è una struttura di loop fondamentale in JavaScript, anche se inizialmente può essere difficile da comprendere. Utilizza la parola chiave for e richiede tre parametri racchiusi tra parentesi:

javascript

Ecco una suddivisione di questi parametri:

  • Inizializzazione: Qui si inizializza un nuovo contatore utilizzato dal ciclo for. Viene eseguito solo una volta;

  • Condizione: Un'espressione controllata prima di ogni iterazione, simile al ciclo while;

  • Incremento/Decremento: Operazioni eseguite sul contatore alla fine di ogni iterazione del ciclo.

Nota

Iterazione nei cicli si riferisce alla ripetizione di un blocco di codice un certo numero di volte o fino a quando non viene soddisfatta una condizione specifica. Ogni volta che il blocco di codice viene eseguito, è considerata un'iterazione.

Illustriamo questo con un esempio:

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy

In questo esempio:

  • let i = 1: Inizializzazione, dove creiamo la variabile i all'interno del ciclo for. Questa operazione viene eseguita una volta;

  • i < 5: Condizione, verificata prima di ogni iterazione;

  • i++: Espressione di incremento, eseguita dopo ogni iterazione;

  • console.log("Loop iteration:", i);: Corpo del ciclo for.

Ogni passo nel ciclo può essere descritto come segue:

javascript

Passo 2 si ripete finché la condizione non diventa false.

Può essere utile considerare un diagramma per ottenere una comprensione più chiara di come opera il ciclo.

Puoi anche utilizzare il decremento nel ciclo for, come mostrato qui:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

Il contatore del ciclo for è unico nel suo ambito, quindi non devi preoccuparti che il nome del contatore entri in conflitto con altre variabili:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Possono essere utilizzate anche diverse espressioni per le operazioni di Incremento/Decremento:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Confronto tra i cicli for e while

Quando si confrontano i cicli for e while, il ciclo for è spesso più semplice e conciso. Ecco un esempio di cicli equivalenti:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

In questo confronto, il ciclo for è più semplice e occupa meno spazio di codice. Inoltre, il ciclo for cancella automaticamente la variabile contatore (in questo caso, i) dopo l'esecuzione.

question mark

Vuoi stampare ogni anno delle Olimpiadi estive dal 2000 al 2016, inclusi. Cosa dovrebbe andare nella condizione del ciclo?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4
Siamo spiacenti che qualcosa sia andato storto. Cosa è successo?
some-alt