Il ciclo "for"
Eseguire un blocco di istruzioni per un determinato numero di ripetizioni
Ripeti 4 volte la
stessa istruzione
console.log("Ciao!");
console.log("Ciao!");
console.log("Ciao!");
console.log("Ciao!");
console.log("Ciao!");
La sintassi
for (E1 ; E2 ; E3) {
BLOCCO CODICE
}
Inizializza il contatore in E1
ed esegui il blocco di codice fino a che si mantiene vera la condizione in E2
Incrementa il contatore in E3 ad ogni ciclo
for ( let i = 0 ; i < 4 ; i++ ) {
BLOCCO CODICE
}
Utilizzare il ciclo for con gli array
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for ( let i = 0 ; i < arr.length ; i++ ) {
console.log(arr[i]);
}
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for ( let i = 0 ; i < arr.length ; i++ ) {
console.log(arr[i]);
}
Ripeti la stessa istruzione
per tutta la lunghezza dell' array
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[8]);
console.log(arr[i]);
Il costrutto
"for ... of"
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for ( let element of arr ) {
console.log(element);
}
Cicli "for" annidati
for ( let i = 0 ; i < 5 ; i++ ) {
for ( let j = 0 ; j < 5 ; j++ ) {
// BLOCCO DI CODICE
}
}
La mezza piramide
*
**
***
****
*****
******
*******
********
*********
**********
***********
************
👨🏻💻
Il controllo del ciclo al suo interno
L' istruzione
"break"
Utile per interrompere il ciclo al verificarsi di una certa condizione
for ( let i = 0 ; i < 5 ; i++ ) {
if (condizione) {
break;
}
}
L' istruzione "continue"
Utile per saltare alla prossima iterazione al verificarsi di una condizione
for ( let i = 0 ; i < 5 ; i++ ) {
if (condizione) {
continue;
}
}
Nella prossima lezione affronteremo altri tipi di cicli
Risorse utili
Slide della lezione 🖼
slides.com/andreastagi/il-ciclo-for
Collezione snippet su Codepen ✒️
codepen.io/collection/DrROqL
Il ciclo for
By Andrea Stagi
Il ciclo for
- 1,104
