Ciclo While JavaScript

Il ciclo eseguirà il blocco di codice finché la condizione è true.

Ciclo While

Il ciclo while eseguirà il blocco di codice finché la condizione specificata è true.

sintassi

while (condizione) {
    blocco di codice da eseguire
}

Esempio

Nell'esempio seguente, il codice nel ciclo verrà eseguito una volta dopo l'altra finché la variabile (i) è minore di 10:

while (i < 10) {
    text += "Il numero è " + i;
    i++;
}

Prova tu stesso

Se dimentichi di incrementare la variabile utilizzata nella condizione, il ciclo non finirà mai. Questo può causare il crash del browser.

Ciclo Do/While

Il ciclo do/while è una variante del ciclo while. Questo ciclo esegue una volta il blocco di codice prima di verificare se la condizione è vera, e poi ripete il ciclo fintanto che la condizione è vera.

sintassi

do {
    blocco di codice da eseguire
}
while (condizione);

Esempio

Esempio: utilizza un ciclo do/while. Questo ciclo esegue almeno una volta, anche se la condizione è falsa, perché il blocco di codice viene eseguito prima del test della condizione:

do {
    text += "Il numero è " + i;
    i++;
 }
while (i < 10);

Prova tu stesso

while (i < 10);

Non dimenticare di incrementare la variabile utilizzata nella condizione, altrimenti il ciclo non finirà mai!

Confronto For e While

Il ciclo in questo esempio utilizza Se hai letto i capitoli precedenti sui cicli, noterai che il ciclo while è molto simile al ciclo for, dove le espressioni 1 e 2 possono essere omesse.Estrai le marche di automobili dall'array cars:

Esempio

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Ciclo for
    text += cars[i] + "<br>";
    i++;
}

Prova tu stesso

Il ciclo in questo esempio utilizza Ciclo whileEstrai le marche di automobili dall'array cars:

Esempio

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

Prova tu stesso

Libri di testo extra

Per ulteriori informazioni su Espressione while JavaScriptPer ulteriori informazioni sulla conoscenza, leggi il contenuto relativo nel tutorial avanzato JavaScript:

Espressioni iterative ECMAScript
Le espressioni iterative, dette anche espressioni cicliche, sono presentate in questa sezione. Viene illustrato come ECMAScript fornisce quattro espressioni iterative.