Ciclo For JavaScript
- Pagina precedente JS Switch
- Pagina successiva JS Loop For In
Il ciclo può eseguire più volte un blocco di codice.
Ciclo JavaScript
Se hai bisogno di eseguire il codice più volte utilizzando valori diversi, il ciclo (loop) è molto comodo da usare.
Di solito ci incontriamo con esempi che utilizzano array:
non è necessario scrivere così:
text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += cars[2] + "<br>"; text += cars[3] + "<br>"; text += cars[4] + "<br>"; text += cars[5] + "<br>";
Puoi scriverlo così:
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Diversi tipi di cicli
JavaScript supporta diversi tipi di cicli:
for- Esegui più volte un blocco di codicefor/in- Esplora le proprietà dell'oggettowhile- Esegui un blocco di codice quando la condizione specificata è truedo/while- Esegui un blocco di codice quando la condizione specificata è true
Ciclo for
Il ciclo for è uno strumento spesso utilizzato quando si desidera creare un ciclo.
La sintassi del ciclo for è la seguente:
for (Frase 1; Frase 2; Frase 3) {
Il blocco di codice da eseguire
}
La frase 1 viene eseguita prima dell'inizio del ciclo (blocco di codice).
La frase 2 definisce la condizione per eseguire il ciclo (blocco di codice).
La frase 3 viene eseguita ogni volta che il blocco di codice viene eseguito nel ciclo.
Esempio
for (i = 0; i < 5; i++) {
text += "Il numero è " + i + "<br>";
}
Dalla codice sopra, puoi capire:
La frase 1 imposta una variabile prima dell'inizio del ciclo (var i = 0).
La frase 2 definisce la condizione per eseguire il ciclo (i deve essere minore di 5).
La frase 3 incrementa il valore ogni volta che il blocco di codice viene eseguito (i++).
Frase 1
Di solito, utilizzerai la frase 1 per inizializzare le variabili utilizzate nel ciclo (i = 0).
Ma non sempre è così, JavaScript non se ne preoccupa. La frase 1 è anche opzionale.
Puoi inizializzare più valori nella frase 1 (separati da virgola):
Esempio
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
E puoi anche omettere la frase 1 (ad esempio, impostare il valore prima dell'inizio del ciclo):
Esempio
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Frase 2
Di solito la frase 2 viene utilizzata per calcolare la condizione dell'variabile iniziale.
Ma non sempre è così, JavaScript non se ne preoccupa. La frase 2 è anche opzionale.
Se la frase 2 restituisce true, il ciclo inizierà di nuovo, se restituisce false, il ciclo finirà.
Se si omette la frase 2, allora deve essere fornita all'interno del ciclo. break. Altrimenti il ciclo non finirà mai. Leggi di più su break nel prossimo capitolo.
Frase 3
Di solito la frase 3 incrementa il valore dell'variabile iniziale.
Ma non sempre è così, JavaScript non se ne preoccupa. La frase 3 è anche opzionale.
La frase 3 può fare qualsiasi cosa, come decremento negativo (i--), incremento positivo (i = i + 15), o qualsiasi altra cosa.
L'espressione 3 può anche essere omessa (ad esempio quando si incrementa il valore all'interno del ciclo):
Esempio
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Ciclo For/In
JavaScript for/in L'espressione for/in esplora le proprietà dell'oggetto:
Esempio
var person = {fname:"Bill", lname:"Gates", age:62};
var text = "";
var x;
for (x in person) {
text += person[x];
}
Ciclo while
Studieremo il ciclo while e il ciclo do/while nel capitolo successivo.
Libri di testo extra
Per ulteriori informazioni su Espressione for JavaScriptPer ulteriori informazioni, leggete il contenuto relativo nel tutorial avanzato JavaScript:
- Espressioni iterative ECMAScript
- Le espressioni iterative sono chiamate anche espressioni di ciclo. Questa sezione vi introduce ai quattro tipi di espressioni di ciclo fornite da ECMAScript.
- Pagina precedente JS Switch
- Pagina successiva JS Loop For In
