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:

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

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);
};

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:

// 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

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);
}

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);

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);
};

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);
}

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.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4

Chieda ad AI

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

Awesome!

Completion rate improved to 2.33

Scorri per mostrare il menu

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

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);
};

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:

// 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

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);
}

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);

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);
};

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);
}

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.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4

Padronanza del Ciclo For in JavaScript

Confronto tra i cicli for e while

Awesome!

Padronanza del Ciclo For in JavaScript

Confronto tra i cicli for e while