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

 Muuttuja, joka edustaa nykyistä elementtiä iteraatiossa.

-silmukka suoritetaan, se käy läpi listan yksi arvo kerrallaan. Jokaisella iteraatiolla muuttuja (esim. 

) asetetaan senhetkiseen arvoon, ja silmukan runko suoritetaan käyttäen kyseistä arvoa.

Oletetaan, että sinulla on taulukko (array) numeroita nimeltä 

-silmukkaa voit tulostaa jokaisen numeron ilman, että tarvitset indeksiä:

 viidellä arvolla. for...of-silmukka käy läpi jokaisen numeron (asettaen sen muuttujaan 

 ja anna sille taulukko, jossa on vähintään kolme eri hedelmän nimeä.

Käytä for...of-silmukkaa tulostaaksesi jokaisen hedelmän konsoliin.

index.js

index.test.js

Tulosta jokainen hedelmä

## 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:

```javascript
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ä:

```javascript
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

@exercise a25493699d20


- 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.

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

Opi ohjelmointia JavaScriptilla, joka voi hyvinkin olla nykymaailmassa tärkein ja monipuolisin ohjelmointikieli, ainakin web-kehityksessä.

Tervetuloa Hakatemian aloittelijaystävälliselle JavaScript-kurssille, jossa opit ohjelmoinnin perusteet JavaScriptilla.

Nykymaailmassa JavaScript on yksi suosituimmista ja monipuolisimmista ohjelmointikielistä, erityisesti web-kehityksessä jossa JavaScriptilla on ainutlaatuinen asema - mitään muuta ohjelmointikieltä ei voi suorittaa sekä selaimen että palvelimen päässä. Tästä syystä JavaScript on noussut äärimmäisen suosituksi, ja sitä käytetään sekä käyttöliittymien (React, Vue, Angular, Svelte, yms), taustajärjestelmien (NodeJS / Express, HAPI, yms), että molempien yhdistelmien (NextJS, NuxtJS, jne). kehittämiseen.

Näitä JavaScript-kehikoita tullaan käsittelemään Hakatemian myöhemmillä kursseilla, mutta ennen kun päästään sinne asti niin meidän täytyy ensin opetella JavaScript-ohjelmoinnin perusteet, ja sitä varten tämä kurssi on tehty.

Kurssin aikana opit keskeisiä ohjelmointikonsepteja, kuten muuttujat, operaattorit, ehtorakenteet, funktiot, taulukot ja oliot. Jokainen moduuli on jaettu pieniin osiin, joissa on runsaasti käytännön harjoituksia.

Tämä kurssi julkaistaan beta-kokeiluun ensimmäisenä palasena Hakatemian web-kehitys -kokonaisuutta, ja ensimmäisenä kurssina joka käyttää Hakatemian uutta ohjelmointiharjoitusympäristöä. Ilmoitathan sivun alalaidassa olevalla palautenapilla tai Discordissa jos huomaat ongelmia!

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

Mikä on For...of-silmukka?

Hakkeroinnin oppiminen alkaa tästä