for-silmukka on olennainen toistorakenne JavaScriptissä, vaikka sen ymmärtäminen voi aluksi olla haastavaa. Se käyttää for-avainsanaa ja vaatii kolme parametria, jotka sijoitetaan sulkeisiin:

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Tässä on näiden parametrien erittely:

Initialization: Tässä alustetaan uusi laskuri, jota for-silmukka käyttää. Suoritetaan vain kerran;
Condition: Ehto, joka tarkistetaan ennen jokaista iteraatiota, samankaltainen kuin while-silmukassa;
Increment/Decrement: Laskuriin kohdistettavat operaatiot jokaisen silmukan lopussa.

Huomio

Iteraatio silmukoissa tarkoittaa koodilohkon toistamista tietyn määrän kertoja tai kunnes tietty ehto täyttyy. Jokainen kerta, kun koodilohko suoritetaan, lasketaan yhdeksi iteraatioksi.

Havainnollistetaan tätä esimerkillä:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

Tässä esimerkissä:

let i = 1: Alustus, jossa luodaan muuttuja i for-silmukan sisällä. Tämä suoritetaan kerran;
i < 5: Ehto, joka tarkistetaan ennen jokaista iteraatiota;
i++: Inkrementtilauseke, suoritetaan jokaisen iteraation jälkeen;
console.log("Loop iteration:", i);: for-silmukan runko.

Jokainen silmukan vaihe voidaan kuvata seuraavasti:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Vaihe 2 toistuu, kunnes ehto muuttuu false.

Kaavion tarkastelu voi auttaa hahmottamaan, miten silmukka toimii.

Voit myös käyttää vähennystä for-silmukassa, kuten tässä esimerkissä:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

for-silmukan laskuri on ainutlaatuinen omassa lohkossaan, joten laskurin nimen kanssa ei tarvitse huolehtia ristiriidoista muiden muuttujien kanssa:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Erilaisia lausekkeita inkrementti-/dekrementti-operaatioille voidaan myös käyttää:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

for- ja while-silmukoiden vertailu

Vertailtaessa for- ja while-silmukoita, for-silmukka on usein yksinkertaisempi ja tiiviimpi. Tässä esimerkki vastaavista silmukoista:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

Tässä vertailussa for-silmukka on selkeämpi ja vie vähemmän kooditilaa. Lisäksi for-silmukka tyhjentää automaattisesti laskurimuuttujan (tässä tapauksessa i) suorituksen jälkeen.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 4

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain more about the difference between for and while loops?

What happens if I omit one of the parameters in the for loop?

Can you show more examples of using different increment or decrement expressions in a for loop?

Awesome!

Completion rate improved to 2.33

Pyyhkäise näyttääksesi valikon

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Tässä on näiden parametrien erittely:

Initialization: Tässä alustetaan uusi laskuri, jota for-silmukka käyttää. Suoritetaan vain kerran;
Condition: Ehto, joka tarkistetaan ennen jokaista iteraatiota, samankaltainen kuin while-silmukassa;
Increment/Decrement: Laskuriin kohdistettavat operaatiot jokaisen silmukan lopussa.

Huomio

Iteraatio silmukoissa tarkoittaa koodilohkon toistamista tietyn määrän kertoja tai kunnes tietty ehto täyttyy. Jokainen kerta, kun koodilohko suoritetaan, lasketaan yhdeksi iteraatioksi.

Havainnollistetaan tätä esimerkillä:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

Tässä esimerkissä:

let i = 1: Alustus, jossa luodaan muuttuja i for-silmukan sisällä. Tämä suoritetaan kerran;
i < 5: Ehto, joka tarkistetaan ennen jokaista iteraatiota;
i++: Inkrementtilauseke, suoritetaan jokaisen iteraation jälkeen;
console.log("Loop iteration:", i);: for-silmukan runko.

Jokainen silmukan vaihe voidaan kuvata seuraavasti:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Vaihe 2 toistuu, kunnes ehto muuttuu false.

Kaavion tarkastelu voi auttaa hahmottamaan, miten silmukka toimii.

Voit myös käyttää vähennystä for-silmukassa, kuten tässä esimerkissä:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

for-silmukan laskuri on ainutlaatuinen omassa lohkossaan, joten laskurin nimen kanssa ei tarvitse huolehtia ristiriidoista muiden muuttujien kanssa:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Erilaisia lausekkeita inkrementti-/dekrementti-operaatioille voidaan myös käyttää:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

for- ja while-silmukoiden vertailu

Vertailtaessa for- ja while-silmukoita, for-silmukka on usein yksinkertaisempi ja tiiviimpi. Tässä esimerkki vastaavista silmukoista:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

Tässä vertailussa for-silmukka on selkeämpi ja vie vähemmän kooditilaa. Lisäksi for-silmukka tyhjentää automaattisesti laskurimuuttujan (tässä tapauksessa i) suorituksen jälkeen.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 4

For-silmukan Hallinta Javascriptissä

for- ja while-silmukoiden vertailu

Awesome!

For-silmukan Hallinta Javascriptissä

for- ja while-silmukoiden vertailu