Cityscape
Girl

JavaScript

For...Of silmukka - Toista toiminto jokaiselle arvolle listassa

Helppo
15 min

Mikä on For...of-silmukka?

Javascriptissä for...of-silmukkaa käytetään iteroituvien objektien, kuten taulukoiden (array), arvojen (tai "alkioiden" tai "elementtien", sama asia) läpikäymiseen.

Perussyntaksi on seuraava:

for (let arvo of arvot) {
  // Suorita koodi käyttäen alkioa
}
  • arvo: Muuttuja, joka edustaa nykyistä elementtiä iteraatiossa.
  • arvot: Iteroitava objekti (kuten taulukko).

Miten se toimii

Kun for...of-silmukka suoritetaan, se käy läpi listan yksi arvo kerrallaan. Jokaisella iteraatiolla muuttuja (esim. arvo) asetetaan senhetkiseen arvoon, ja silmukan runko suoritetaan käyttäen kyseistä arvoa.

Esimerkki: Jokaisen numeron tulostaminen

Oletetaan, että sinulla on taulukko (array) numeroita nimeltä numerot. Käyttämällä for...of-silmukkaa voit tulostaa jokaisen numeron ilman, että tarvitset indeksiä:

let numerot = [1, 2, 3, 4, 5];

for (let luku of numerot) {
  console.log(luku);
}

Selitys:
Tämä koodi alustaa taulukon numerot viidellä arvolla. for...of-silmukka käy läpi jokaisen numeron (asettaen sen muuttujaan luku) ja tulostaa sen konsoliin.

Harjoitukset

Tulosta jokainen hedelmä

  • Luo muuttuja nimeltään fruits ja anna sille taulukko, jossa on vähintään kolme eri hedelmän nimeä.
  • Käytä for...of-silmukkaa tulostaaksesi jokaisen hedelmän konsoliin.

hakatemia pro

Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.

Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.