JavaScript per la dichiarazione

<JavaScript Dichiarazioni di riferimento

Esempio

Ciclo in un blocco di codice cinque volte:

var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + " ";
}

Il risultato di testo sarà:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

L'istruzione crea un ciclo che viene eseguito fino a quando una condizione è vera.

Il ciclo continuerà a funzionare fino a quando la condizione è vera. Si fermerà solo quando la condizione diventa falsa.

JavaScript supporta diversi tipi di cicli:

for - loop attraverso un blocco di codice per un numero di volte
for/in - passanti attraverso le proprietà di un oggetto
while - loop attraverso un blocco di codice mentre una condizione specificata è vera
fare / mentre - scorre un blocco di codice, una volta, e poi ripete il ciclo while una determinata condizione è vera

Suggerimento: utilizzare la pausa dichiarazione di uscire da un loop, e la continua affermazione di saltare un valore nel ciclo.

Supporto browser

dichiarazione
for	sì	sì	sì	sì	sì

Sintassi

valori dei parametri

Parametro	Descrizione
statement1	Opzionale. Eseguito prima del ciclo (the code block) inizia. Normalmente questo istruzione viene utilizzata per inizializzare una variabile contatore. Per avviare più valori, separare ogni valore con una virgola. Nota: questo parametro può essere omesso. Tuttavia, non omettere il punto e virgola ";"
statement2	Opzionale. Definisce la condizione per l'esecuzione del ciclo (the code block) . Normalmente questa istruzione è usata per valutare la condizione della variabile contatore. Se restituisce true, il ciclo inizia da capo, se restituisce falsa, il ciclo si concluderà. Nota: questo parametro può essere omesso. Tuttavia, non omettere il punto e virgola ";" . Inoltre, se si omette questo parametro, è necessario fornire una pausa all'interno del ciclo. In caso contrario, il ciclo non finirà mai, che andrà in crash il browser
statement3	Opzionale. Eseguito ogni volta dopo l'esecuzione del ciclo (il blocco di codice). Normalmente questo istruzione viene utilizzata per incrementare o decrementare il contatore variabile. Nota: Questo parametro può essere omesso (eg to increase/decrease values inside the loop)

Dettagli tecnici

Versione JavaScript:	1.0

Altri esempi

Esempio

Loop attraverso gli indici di un array per raccogliere i nomi dell'automobile dalla matrice automobili:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + " ";
}

Prova tu stesso "

Esempio sopra spiegato:

In primo luogo, abbiamo impostato una variabile prima dell'inizio del ciclo (var i = 0;)
Poi, si definisce la condizione per il ciclo per l'esecuzione. Fintanto che la variabile è inferiore alla lunghezza della matrice (which is 4) , il loop continua
Ogni volta che il ciclo viene eseguito, la variabile viene incrementato di uno (i++)
Una volta che la variabile è più inferiore a 4 (array's length) , la condizione è falsa, e il ciclo si concluderà

Esempio

Avviare più valori nel primo parametro:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + " ";
}

Prova tu stesso "

Esempio

Omettere il primo parametro (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + " ";
}

Prova tu stesso "

Esempio

Utilizzando l'istruzione continue - Loop attraverso un blocco di codice, ma ignorare il valore di "3" :

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

Prova tu stesso "

Esempio

Utilizzando l'istruzione break - Loop attraverso un blocco di codice, ma uscire dal ciclo quando la variabile i è uguale a "3" :

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

Prova tu stesso "

Esempio

Omettere il secondo parametro. In questo esempio, usiamo anche la pausa dichiarazione per uscire dal ciclo quando i è uguale a "3" (se il secondo parametro viene omesso, è necessario fornire una pausa all'interno del ciclo. In caso contrario, il ciclo non finirà mai, e il vostro browser crash):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
 if (i == 3) {
 break;
 }
 text += cars[i] + " ";
}

Prova tu stesso "

Esempio

Loop attraverso gli indici di un array, in ordine decrescente (incremento negativo):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + " ";
}

Prova tu stesso "

Esempio

Omettere l'ultimo parametro, e incrementare i valori all'interno del ciclo:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + " ";
i++;
}

Prova tu stesso "

Esempio

Loop attraverso i nodi di un oggetto NodeList e cambiare il colore di sfondo di tutte le elementi della lista:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}

Prova tu stesso "

Esempio

Un esempio di un ciclo annidato (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
 text += " " + "i = " + i + ", j = ";

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

Prova tu stesso "