While JavaScript

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.

Attenzione dunque ad impostare correttamente la condizione.

Il ciclo sarà infinito se la condizione risulterà sempre vera.

Mentre il ciclo non verrà mai eseguito se la condizione risulterà falsa già dall’inizio.

While JavaScript – primo esercizio

Visualizzare i numeri da 0 a 9 in ordine crescente.

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.

var c = 0;
while (c < 10){
   document.write(c + '
');
   c++;
}

While JavaScript – secondoesercizio

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:

var c = 0;
while (c <= 100){
   document.write(c + '
');
   c+=2;
}

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

JavaScript substring