libri-javascript-python

In questa lezione parleremo del ciclo while in JavaScript e faremo anche degli esempi molto semplici per capirne il funzionamento.

Il while è un costrutto pre-condizionale, cioè il controllo della condizione avviene prima dell’esecuzione delle istruzioni indicate tra parentesi graffe.

La sintassi del ciclo while è la seguente:

while (condizione) {
   istruzioni;
}

Dove condizione rappresenta un valore booleano, cioè un valore vero o falso. La condizione determina la durata del ciclo che verrà dunque eseguito finché la condizione è vera.

Quindi finché la condizione è vera, le istruzioni indicate tra parentesi graffe verranno eseguite.

N.B.! Attenzione dunque ad impostare correttamente la condizione. Infatti il ciclo potrebbe diventare infinito se la condizione risultasse sempre vera. Oppure il ciclo potrebbe non essere mai eseguito se la condizione risultasse falsa già dall’inizio.

while JavaScript – primo esercizio

Innanzitutto inizializziamo a 0 una variabile contatore da cui partire: c=0.

Dopo impostiamo la condizione nel while, in questo caso c<10.

Poi all’interno delle parentesi graffe inseriamo le nostre istruzioni: scriviamo la variabile c e dopo la incrementiamo di 1.

Si avranno quindi questi passaggi:

c=0  

passo 1:

la condizione: 0<10 è vera:

stampa 0

incrementa c di 1: c=1

passo 2:

la condizione: 1<10 è vera:

stampa 1

incrementa c di 1: c=2

è così via finché c=9

Ecco dunque il codice completo del ciclo while in JavaScript.

let c = 0;
while (c < 10){
   console.log(c + '<br>');
   c++;
}

Analogamente possiamo stampare i numeri da 9 a 0 utilizzando il ciclo while:

let i = 9;

while (i >= 0) {
    console.log(i);
    i--;
}

In questo esempio:

  • let i = 9; inizializza la variabile i al valore iniziale di 9.
  • while (i >= 0) è la condizione di continuazione: il blocco di codice all’interno del ciclo while verrà eseguito fintanto che la condizione è vera.
  • console.log(i); stampa il valore corrente di i.
  • i--; decrementa il valore di i di 1 ad ogni iterazione.

Questo ciclo while produce lo stesso output del ciclo for precedentemente mostrato, stampando i numeri da 9 a 0 sulla console.

while JavaScript – secondo esercizio

Visualizzare i numeri pari da 0 a 100.

Per realizzare questo semplice esercizio basterà cambiare l’algoritmo precedente incrementando c di 2 anziché di 1.

Cambiamo anche la condizione in modo da includere anche 100: c<=100.

Ricordiamo inoltre che 0 è un numero pari.

Ecco dunque il codice completo:

let c = 0;
while (c <= 100){
   console.log(c + '<br>');
   c+=2;
}

Alcuni link utili

Indice tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

JavaScript substring