Gli ultimi tutorial di sviluppo web
 

JavaScript mentre loop


I loop possono eseguire un blocco di codice fino a quando una condizione specificata è vera.


L' While Loop

L' while ciclo scorre un blocco di codice fino a quando una condizione specificata è vera.

Sintassi

while ( condition ) {
    code block to be executed
}

Esempio

Nel seguente esempio, il codice del ciclo verrà eseguito, più e più volte, fino a quando una variabile (i) è inferiore a 10:

Esempio

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Prova tu stesso "

Se si dimentica di aumentare la variabile usata nella condizione, il ciclo non finirà mai. Questo andrà in crash il browser.


Il Do/While Loop

Il do/while loop è una variante del ciclo while. Questo ciclo eseguirà il blocco di codice, una volta, prima di controllare se la condizione è vera, allora ripeterà il ciclo finché la condizione è vera.

Sintassi

do {
    code block to be executed
}
while ( condition );

Esempio

L'esempio che segue utilizza un do/while loop. Il ciclo sarà sempre eseguito almeno una volta, anche se la condizione è falsa, perché il blocco di codice viene eseguito prima che la condizione viene testata:

Esempio

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);
Prova tu stesso "

Non dimenticare di aumentare la variabile usata nella condizione, altrimenti il ​​ciclo non finirà mai!


Confrontando for e while

Se avete letto il capitolo precedente, per il ciclo for, si scopre che un ciclo while è più o meno la stessa cosa di un ciclo for, con la dichiarazione 1 e la dichiarazione 3 omesso.

Il ciclo in questo esempio utilizza un ciclo for per raccogliere i nomi di auto dalla matrice auto:

Esempio

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
Prova tu stesso "

Il ciclo in questo esempio viene utilizzato un while ciclo per raccogliere i nomi di auto dalla matrice auto:

Esempio

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »