In JavaScript, i cicli sono utilizzati per eseguire un blocco di codice ripetutamente fino a quando una condizione specificata è vera. Ci sono diversi tipi di cicli in JavaScript, tra cui while, do...while e for.
Il ciclo while esegue un blocco di codice finché una condizione specificata è vera. Ecco un esempio di utilizzo del ciclo while in JavaScript:
var i = 0;
while (i < 5) {
console.log(i);
i++;
}
In questo esempio, il ciclo while esegue il blocco di codice finché la variabile i è minore di 5. Ad ogni iterazione, la variabile i viene incrementata di 1.
Il ciclo do...while è simile al ciclo while, ma esegue il blocco di codice almeno una volta, anche se la condizione specificata è falsa. Ecco un esempio di utilizzo del ciclo do...while in JavaScript:
var i = 0;
do {
console.log(i);
i++;
} while (i < 5);
In questo esempio, il ciclo do...while esegue il blocco di codice almeno una volta, anche se la variabile i è maggiore di 5. Successivamente, esegue il blocco di codice finché la variabile i è minore di 5.
Il ciclo for è utilizzato per eseguire un blocco di codice un numero specificato di volte. Ecco un esempio di utilizzo del ciclo for in JavaScript:
for (var i = 0; i < 5; i++) {
console.log(i);
}
In questo esempio, il ciclo for esegue il blocco di codice finché la variabile i è minore di 5. Ad ogni iterazione, la variabile i viene incrementata di 1.
Il ciclo for...in è utilizzato per iterare su tutte le proprietà di un oggetto. Ecco un esempio di utilizzo del ciclo for...in in JavaScript:
var person = {name: "John", age: 30, city: "New York"};
for (var key in person) {
console.log(key + ": " + person[key]);
}
In questo esempio, il ciclo for...in itera su tutte le proprietà dell’oggetto person e stampa il nome della proprietà e il suo valore.
Il ciclo for...of è utilizzato per iterare su tutti gli elementi di un oggetto iterabile, come ad esempio un array. Ecco un esempio di utilizzo del ciclo for...of in JavaScript:
var colors = ["red", "green", "blue"];
for (var color of colors) {
console.log(color);
}
In questo esempio, il ciclo for...of itera su tutti gli elementi dell’array colors e stampa ciascun elemento.
È possibile interrompere un ciclo in JavaScript utilizzando l’istruzione break. Ecco un esempio di utilizzo dell’istruzione break in un ciclo for:
for (var i = 0; i < 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
In questo esempio, il ciclo for viene interrotto quando la variabile i è uguale a 3.
È possibile saltare un’iterazione in un ciclo in JavaScript utilizzando l’istruzione continue. Ecco un esempio di utilizzo dell’istruzione continue in un ciclo for:
for (var i = 0; i < 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}
In questo esempio, l’iterazione corrente viene saltata quando la variabile i è uguale a 3.
È possibile utilizzare le etichette di ciclo in JavaScript per identificare un ciclo specifico. Ecco un esempio di utilizzo delle etichette di ciclo in JavaScript:
outerloop:
for (var i = 0; i < 3; i++) {
innerloop:
for (var j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break outerloop;
}
console.log(i, j);
}
}
In questo esempio, l’etichetta outerloop viene utilizzata per identificare il ciclo esterno, e l’etichetta innerloop viene utilizzata per identificare il ciclo interno. Quando la variabile i è uguale a 1 e la variabile j è uguale a 1, il ciclo esterno viene interrotto utilizzando l’etichetta outerloop.
È possibile annidare cicli all’interno di altri cicli in JavaScript. Ecco un esempio di utilizzo di cicli annidati in JavaScript:
for (var i = 0; i < 3; i++) {
for (var j = 0; j < 3; j++) {
console.log(i, j);
}
}
In questo esempio, il ciclo esterno viene eseguito tre volte, e per ogni iterazione del ciclo esterno, il ciclo interno viene eseguito tre volte.
In questo tutorial, abbiamo imparato a utilizzare i cicli while, do...while e for in JavaScript. Abbiamo anche esaminato come interrompere un ciclo utilizzando l’istruzione break e come saltare un’iterazione utilizzando l’istruzione continue.
| HOMEPAGE | LEZIONE SUCCESSIVA |