Ciclo While JavaScript

Il blocco di codice può essere eseguito fintanto che la condizione specificata è vera.

Ciclo While

Il ciclo while esegue le istruzioni specificate fintanto che il valore della condizione è vero.

La sintassi del ciclo while è la seguente:

while (condizione) { // Esegui il codice fintanto che la condizione è vera}

var n = 0;
while (n < 5) {
　　　document.write("<br>Questo numero è " + n);
　　　n++;
}

Attenzione:Se si desidera utilizzare unaCondizioneInizializza una variabile prima del ciclo e incrementala all'interno del ciclo. Dimenticare di aumentare la variabile può causare che il ciclo non finisca mai e far crashare il browser.

Ciclo infinito

UnCiclo infinitoIn altre parole, è un ciclo che continua per sempre. Se non si è attenti a creare un ciclo infinito, può causare il crash del browser o del computer. È importante essere consapevoli dei cicli infiniti per evitarli.

Quando la condizione della frase while è impostata atrueIn questo caso, si verifica un ciclo infinito comune.

　　while (true) {
　　　　// Esegui sempre questo codice
　　}

Il ciclo infinito continua per sempre, ma può essere interrotto utilizzando la parola chiave break.

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.

La sintassi del ciclo do...while è la seguente:

do {
// Esegui queste istruzioni
}
while (condizione);

do {
　　　document.write("<br>Il numero è " + n);
　　　n++;
}
while (n < 5);

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

Attenzione:Anche se la condizione è falsa, questo ciclo esegue sempre almeno una volta, perché il blocco di codice è eseguito prima del test della condizione:

var n = 5;
do {
　　　document.write("<br>Il numero è " + n);
　　　n++;
}
while (n < 3); // falso

La differenza tra i cicli while e do ... while

Il ciclo while è diverso dal ciclo do…while in modo importante, utilizzando il ciclo while per testare la condizione da calcolare all'inizio di ogni iterazione del ciclo, quindi se il risultato della calcolazione dell'espressione condizionale è false, il ciclo non verrà mai eseguito.

D'altra parte, utilizzando il ciclo do ... while, il ciclo verrà sempre eseguito una volta, anche se il risultato della calcolazione dell'espressione condizionale è false, perché diversamente dal ciclo while, la condizione viene calcolata alla fine dell'iterazione del ciclo, non all'inizio.

Confronto tra ciclo For e While

Se hai letto il capitolo precedente sull'argomento del ciclo for, noterai che il ciclo while è molto simile al ciclo for, ma omissione dell'inizializzazione e dell'espressione finale.

Il ciclo for in questo esempio utilizza un ciclo per ottenere i nomi degli agrumi dall'array frutti:

var frutti = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < frutti.lunghezza; i++) {
txt += frutti[i] + '<br>';
}

Il ciclo while in questo esempio utilizza un ciclo per ottenere i nomi degli agrumi dall'array frutti:

var frutti = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = 0;
while (i < frutti.lunghezza) {
　txt += frutti[i] + '<br>';
　i++;
}