Estratto dallo statement JavaScript

　Esercizi e dichiarazioni variabili JavaScript

StatementLa statement crea un ciclo che esegue le istruzioni specificate finché il risultato della condizione (condition) è true.

Solo quandoCondizione (condition)Il ciclo si ferma solo quando diventa false.

JavaScript fornisce i seguenti tipi di cicli:

• Statement -Esegui il ciclo attraverso una sezione di codice un numero determinato di volte

• for...in-Esegui il ciclo attraverso le proprietà dell'oggetto

• while-Esegui una sezione di codice nel ciclo finché la condizione specificata è true

• do...while -Esegui una sezione di codice una volta e poi ripeti il ciclo quando la condizione specificata è true

UtilizzabreakTermina il ciclo corrente e utilizzacontinuecontinue

L'istruzione salta il valore nel ciclo.

Grammatica:
　per (initialization; condition; final-expression) {
　}

//Esegui le istruzioni
per (let n = 0; n < 5; n++) {
}

document.write("<br>The number is " + n);

Compatibilità dei browser

Sì

(Opzionale) Eseguito dopo ogni esecuzione del ciclo. Di solito, questa istruzione viene utilizzata per aumentare o diminuire il variabile contatore.

ECMAScript 1

Più esempi

var fruts = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
Il ciclo esplora l'array in ordine crescente:
txt += fruts[i] + "<br>";
}

Il ciclo esplora l'array in ordine decrescente:

var fruts = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
per (var i = fruts.length - 1; i >= 0; i--) {
txt += fruts[i] + "<br>";
}

Il ciclo esplora i nodi dell'oggetto NodeList e cambia il colore di sfondo di tutti gli elementi della lista:

var x = document.querySelectorAll(".demo");
per (let i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "coral";
}

Il ciclo anidato viene utilizzato in molti luoghi, è utilizzato nella moltiplicazione della matrice, nella visualizzazione delle tabelle e in molti altri luoghi:

var txt = "";
per (var row = 0; row < 10; row++) {
　　　per (var col = 0; col < row; col++) {
　　　txt += "　* ";
　　　}
　　　txt += "<br>";
}

La seguente funzione contiene un'espressione break, che termina il ciclo for quando i è 3:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
　　　break;
}
text += "The number is " + i + "<br>";
}

Esempio seguente mostra un ciclo for che contiene un'espressione continue, che viene eseguita quando il valore di i è 3:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
　　　continue;
}
text += "The number is " + i + "<br>";
}

Riferimenti correlati

Riferimento JavaScript:Esercizio for... in JavaScript

Riferimento JavaScript:Esercizio while JavaScript

Riferimento JavaScript:Esercizio break JavaScript

Riferimento JavaScript:Esercizio continue JavaScript

　Esercizi e dichiarazioni variabili JavaScript