Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Padronanza del Ciclo For in JavaScript | Iterazione dei Dati in JavaScript
Introduzione a JavaScript

bookPadronanza del Ciclo For in JavaScript

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

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Ecco una suddivisione di questi parametri:

  • Initialization: Qui si inizializza un nuovo contatore utilizzato dal ciclo for. Viene eseguito solo una volta;
  • Condition: Un'espressione verificata prima di ogni iterazione, simile al ciclo while;
  • Increment/Decrement: Operazioni eseguite sul contatore al termine 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 al soddisfacimento di una condizione specifica. Ogni volta che il blocco di codice viene eseguito, si considera una iterazione.

Vediamo un esempio per illustrare questo concetto:

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

In questo esempio:

  • let i = 1: Inizializzazione, dove viene creata la variabile i all'interno del ciclo for. Questa operazione viene eseguita una sola 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 fase del ciclo può essere descritta come segue:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

La fase 2 si ripete fino a quando la condizione diventa false.

Può essere utile considerare un diagramma per comprendere meglio il funzionamento del ciclo.

È possibile utilizzare anche la decrementazione nel ciclo for, come mostrato di seguito:

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

Il contatore del ciclo for è unico per il suo ambito, quindi non è necessario preoccuparsi di conflitti tra il nome del contatore e 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

Si possono utilizzare 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 risulta 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ù diretto e occupa meno spazio nel codice. Inoltre, il ciclo for elimina automaticamente la variabile contatore (in questo caso, i) dopo l'esecuzione.

question mark

Si desidera stampare ogni anno delle Olimpiadi estive dal 2000 al 2016, inclusi. Cosa dovrebbe essere inserito nella condizione del ciclo?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

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

Awesome!

Completion rate improved to 2.5

bookPadronanza del Ciclo For in JavaScript

Scorri per mostrare il menu

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

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Ecco una suddivisione di questi parametri:

  • Initialization: Qui si inizializza un nuovo contatore utilizzato dal ciclo for. Viene eseguito solo una volta;
  • Condition: Un'espressione verificata prima di ogni iterazione, simile al ciclo while;
  • Increment/Decrement: Operazioni eseguite sul contatore al termine 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 al soddisfacimento di una condizione specifica. Ogni volta che il blocco di codice viene eseguito, si considera una iterazione.

Vediamo un esempio per illustrare questo concetto:

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

In questo esempio:

  • let i = 1: Inizializzazione, dove viene creata la variabile i all'interno del ciclo for. Questa operazione viene eseguita una sola 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 fase del ciclo può essere descritta come segue:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

La fase 2 si ripete fino a quando la condizione diventa false.

Può essere utile considerare un diagramma per comprendere meglio il funzionamento del ciclo.

È possibile utilizzare anche la decrementazione nel ciclo for, come mostrato di seguito:

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

Il contatore del ciclo for è unico per il suo ambito, quindi non è necessario preoccuparsi di conflitti tra il nome del contatore e 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

Si possono utilizzare 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 risulta 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ù diretto e occupa meno spazio nel codice. Inoltre, il ciclo for elimina automaticamente la variabile contatore (in questo caso, i) dopo l'esecuzione.

question mark

Si desidera stampare ogni anno delle Olimpiadi estive dal 2000 al 2016, inclusi. Cosa dovrebbe essere inserito nella condizione del ciclo?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 3
some-alt