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

  • 264
Loading comments...

More from Andrea Stagi