For-rakenne

for-rakenne määrittää silmukan: sen sisällä oleva koodi toistetaan määritetyn määrän kertoja.

Syntaksi

javascriptfor (alkukomennot; ehto silmukan päättymiselle; komennot jokaisen kierroksen jälkeen) {
  silmukan runko
};

Esimerkki

Tulostetaan numerosarja 0:sta 10:een:

javascriptfor (let i = 0; i <= 10; i++) {
  console.log(i);
}

Esimerkki

Tulostetaan numerosarja 10:stä 0:aan:

javascriptfor (let i = 10; i >= 0; i--) {
  console.log(i);
}

Esimerkki

Tulostetaan parilliset numerot 0:sta 10:een:

javascriptfor (let i = 2; i <= 10; i += 2) {
  console.log(i);
}

Esimerkki

Tulostetaan taulukon alkiot:

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Esimerkki

Alkukomennot ja komennot jokaisen kierroksen jälkeen voivat koostua useammasta kuin yhdestä komennosta, eroteltuina pilkuilla. Esimerkkinä luodaan kaksi laskuria: toinen kasvatetaan yhdellä jokaisella silmukan kierroksella ja toinen kahdella:

javascriptfor (let i = 0, j = 0; i <= 9; i++, j += 2) {
  console.log(i, j);
}

Katso myös

  • oppitunti JavaScript-oppaasta,
    jossa kuvataan for-silmukan käyttö
  • for-of-rakenne,
    joka luo silmukan taulukon läpikäymiseen
  • for-in-rakenne,
    joka luo silmukan olion läpikäymiseen
  • while-rakenne,
    joka myös luo silmukan
  • break-komento,
    joka keskeyttää silmukan
  • continue-komento,
    joka siirtää silmukan seuraavalle kierrokselle