Loops possono eseguire un blocco di codice per un numero di volte.
Loops JavaScript
I loop sono a portata di mano, se si desidera eseguire lo stesso codice più e più volte, ogni volta con un valore diverso.
Spesso questo è il caso quando si lavora con array:
Invece di scrittura:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Tu puoi scrivere:
for (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
} Prova tu stesso " Diversi tipi di Loops
JavaScript supporta diversi tipi di cicli:
- for - loop attraverso un blocco di codice per un numero di volte
- for/in - loop attraverso le proprietà di un oggetto
- while - loop attraverso un blocco di codice mentre una condizione specificata è vera
- do/while - loops anche attraverso un blocco di codice mentre una condizione specificata è vera
L' For Loop
Il for ciclo è spesso lo strumento che verrà utilizzato quando si vuole creare un ciclo.
Il for ciclo ha la seguente sintassi:
for (statement
1; statement 2; statement 3) {
code block to be executed
}
Dichiarazione 1 viene eseguito prima del ciclo (il blocco di codice) si avvia.
Statement 2 definisce la condizione per l'esecuzione del ciclo (il blocco di codice).
Dichiarazione 3 viene eseguito ogni volta dopo che è stato eseguito il loop (il blocco di codice).
Dall'esempio di cui sopra, si può leggere:
Dichiarazione 1 imposta una variabile prima dell'inizio del ciclo (var i = 0) .
Dichiarazione 2 definisce la condizione per il ciclo di esecuzione (i deve essere inferiore a 5).
Dichiarazione 3 aumenta il valore (i++) ogni volta che è stato eseguito il blocco di codice nel ciclo.
dichiarazione 1
Normalmente userete dichiarazione 1 per avviare la variabile utilizzata nel ciclo (i = 0) .
Questo non è sempre il caso, JavaScript non se ne cura. Statement 1 è opzionale.
È possibile avviare molti valori nella dichiarazione 1 (separati da virgola):
Esempio
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} Prova tu stesso " E si può omettere dichiarazione 1 (come quando vengono impostati i valori prima del ciclo inizia):
Esempio
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} Prova tu stesso " Statement 2
Spesso dichiarazione 2 viene utilizzato per valutare la condizione della variabile iniziale.
Questo non è sempre il caso, JavaScript non se ne cura. Statement 2 è opzionale.
If 2 restituisce true, il ciclo ricomincerà di nuovo, se restituisce false, il ciclo si concluderà.
Se si omette dichiarazione 2, è necessario fornire un break all'interno del ciclo. In caso contrario, il ciclo non finirà mai. Questo andrà in crash il browser. Leggi pause in un successivo capitolo di questo tutorial.
dichiarazione 3
Spesso dichiarazione 3 aumenta la variabile iniziale.
Questo non è sempre il caso, JavaScript non se ne cura, e la dichiarazione 3 è opzionale.
Dichiarazione 3 può fare qualcosa di simile incremento negativo (i--) , incremento positivo (i = i + 15) , o qualsiasi altra cosa.
Dichiarazione 3 può anche essere omessa (come quando si incrementa i valori all'interno del ciclo):
Esempio
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} Prova tu stesso " L' For/In Loop
Il JavaScript for/in comunicato loop attraverso le proprietà di un oggetto:
Esempio
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} Prova tu stesso " L' While Loop
L' while loop e la do/while ciclo verrà spiegato nel prossimo capitolo.
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 » Esercizio 6»