Cicli in JavaScript

6.1 Ciclo while

I cicli in JavaScript permettono di eseguire un blocco di codice ripetutamente finché una certa condizione è vera. È una parte importante della programmazione che aiuta ad automatizzare compiti ripetitivi.

Il ciclo while esegue un blocco di codice fino a quando la condizione è vera (true).

Sintassi:

    
      while (condition) {
        // codice che verrà eseguito finché la condizione è vera
      }
    
  

Esempio:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iterazione numero ${i}`);
        i++;
      }

      // Output:
      // Iterazione numero 0
      // Iterazione numero 1
      // Iterazione numero 2
      // Iterazione numero 3
      // Iterazione numero 4
    
  

In questo esempio:

• Il ciclo continua l'esecuzione finché il valore di i è minore di 5
• All'interno del ciclo il valore di i viene incrementato di 1 dopo ogni iterazione

6.2 Eseguire un blocco di codice n volte

Molto spesso si presenta la situazione in cui un blocco di codice deve essere eseguito un numero fisso di volte. Questo codice può essere scritto sotto forma di ciclo while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iterazione numero ${i}`);
        i++;
      }
    
  

Nella forma generale sarà così:

    
      inizializzazione
      while (condizione) {
        blocco di codice
        passo
      }
    
  

6.3 Ciclo for

Ciclo for

Il ciclo for è uno dei cicli più utilizzati in JavaScript. È stato appositamente creato per ripetere un blocco di codice un numero specifico di volte.

Sintassi:

    
      for (inizializzazione; condizione; passo) {
        // codice che verrà eseguito ad ogni iterazione
      }
    
  

Esempio:

    
      for (let i = 0; i < 5; i++) {
        console.log(`Iterazione numero ${i}`);
      }
      // Output:
      // Iterazione numero 0
      // Iterazione numero 1
      // Iterazione numero 2
      // Iterazione numero 3
      // Iterazione numero 4
    
  

Spiegazione:

• let i = 0 — inizializzazione della variabile i, che sarà il contatore delle iterazioni
• i < 5 — condizione alla quale il ciclo continua l'esecuzione. Il ciclo si fermerà quando i diventa uguale a 5
• i++ — passo che viene eseguito dopo ogni iterazione, incrementando il valore di i di 1

6.4 Ciclo do...while

Il ciclo do...while è simile al ciclo while, ma con la differenza che il blocco di codice viene eseguito almeno una volta prima che la condizione venga verificata.

Sintassi:

    
      do {
        // codice che verrà eseguito almeno una volta
      } while (condizione);
    
  

Esempio:

    
      let i = 0;
      do {
        console.log(`Iterazione numero ${i}`);
        i++;
      } while (i < 5);

      // Output:
      // Iterazione numero 0
      // Iterazione numero 1
      // Iterazione numero 2
      // Iterazione numero 3
      // Iterazione numero 4
    
  

In questo esempio:

• Il blocco di codice all'interno di do verrà eseguito almeno una volta, anche se la condizione è inizialmente falsa
• Dopo l'esecuzione del blocco di codice, la condizione viene verificata e se è vera, il ciclo continua

6.5 Confronto tra cicli

Esempi di utilizzo dei cicli

Iterazione di un array con for:

    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Output: 1 2 3 4 5
    
  

Uso di while per aspettare una condizione:

    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Uso di do-while per eseguire almeno un'iterazione:

    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Output: 0 (il ciclo viene eseguito una volta, nonostante la condizione falsa)