For-silmukka (tai finglish termi "looppi" on se jota oikeasti käytetään) on tapa kertoa ohjelmallesi toistaa toiminto X määrä kertoja. Silmukassa on kolme pääosaa: 

Alustusvaiheessa asetetaan muuttuja (usein kutsutaan laskuriksi) alkamaan tietystä arvosta.

 jatkaa suorittamista (tämä on lauseke, joka arvioidaan ennen jokaista 

(eli silmukan pyörähdystä), ja jos se evaluoidaan todeksi, siirrymme silmukan koodiin).

Esimerkiksi, jos haluamme tehdä jotain 10 kertaa ja aloitimme laskurin arvolla 0, haluamme käyttää lauseketta ehtona, joka arvioidaan todeksi niin kauan kuin laskuri on alle 10.

Jottei looppi pyörisi ikuisesti, laskurin arvoa pitää nostaa jokaisen silmukan kierroksen jälkeen. Jos emme nostaisi laskuria, ehto (counter <= 10) pysyisi ikuisesti totena ja silmukka suoritettaisiin loputtomiin ("loputon silmukka / infinite loop").

Vinkki: Oikotie laskurin arvon nostamiseen

Ne ovat sama asia! Kyseessä on vain lyhenne, "oikopolku", joka helpottaa kehittäjän elämää ja tekee koodista vähän ytimekkäämpää. Entä jos haluat tehdä näin?

Samanlaiset lyhenteet toimivat myös vähennystä varten.

Tässä aika perus esimerkki for-loopista, joka tulostaa numerot 1-5:

Silmukat ovat hyödyllisiä myös laskutoimitusten tekemiseen. Esimerkiksi voit käyttää silmukkaa lisätäksesi kaikki numerot 1:stä 5:een yhteen. Tämä tapahtuu lisäämällä laskurin (tässä nimettynä "

" joka on muuten aika yleinen nimi laskurimuuttujalle vaikka se voikin olla mikä vaan) arvo muuttujaan 

Luomme muuttujan total ja alustamme sen arvolla 0.

Jokaisen luvun (1 - 5) kohdalla lisäämme sen totaliin.

Silmukan päättyessä total sisältää numeroiden 1+2+3+4+5 summan (joka on 15).

Kirjoita for-silmukka, joka tulostaa jokaisen numeron 1:stä 5:een omalle rivilleen.

index.js

index.test.js

Tulosta numerot 1-5

Kirjoita for-silmukka, joka lisää jokaisen luvun väliltä 1 ja 5 total-muuttujaan.

Tulosta total käyttäen console.log(total) -komentoa.

Laske numeroiden 1-5 summa

## Mikä on for-looppi?

For-silmukka (tai finglish termi "looppi" on se jota oikeasti käytetään) on tapa kertoa ohjelmallesi toistaa toiminto X määrä kertoja. Silmukassa on kolme pääosaa: *for(****Alustus****; ****Ehto****; ****Inkrementti****)*

### Alustus

Alustusvaiheessa asetetaan muuttuja (usein kutsutaan laskuriksi) alkamaan tietystä arvosta.

```javascript
let counter = 0;
```

### Ehto

Ehdossa kerrotaan silmukalle kuinka *kauan* jatkaa suorittamista (tämä on lauseke, joka arvioidaan ennen jokaista *iteraatiota *(eli silmukan pyörähdystä), ja jos se evaluoidaan todeksi, siirrymme silmukan koodiin).

Esimerkiksi, jos haluamme tehdä jotain 10 kertaa ja aloitimme laskurin arvolla 0, haluamme käyttää lauseketta ehtona, joka arvioidaan todeksi niin kauan kuin laskuri on alle 10.

```javascript
counter <= 10
```

### Inkrementti

Jottei looppi pyörisi ikuisesti, laskurin arvoa pitää nostaa jokaisen silmukan kierroksen jälkeen. Jos emme nostaisi laskuria, ehto (counter <= 10) pysyisi ikuisesti totena ja silmukka suoritettaisiin loputtomiin ("loputon silmukka / infinite loop").

```javascript
counter = counter + 1;
```

### Vinkki: Oikotie laskurin arvon nostamiseen

Tämä koodi:

```javascript
counter = counter + 1;
```

Voidaan ilmaista lyhenteellä:

```javascript
counter++;
```

Ne ovat sama asia! Kyseessä on vain lyhenne, "oikopolku", joka helpottaa kehittäjän elämää ja tekee koodista vähän ytimekkäämpää. Entä jos haluat tehdä näin?

```javascript
counter = counter + 5;
```

Siihenkin on lyhenne!

```javascript
counter += 5;
```

Samanlaiset lyhenteet toimivat myös vähennystä varten.

```javascript
counter--;
counter -= 5;
```

### Esimerkki

Tässä aika perus esimerkki for-loopista, joka tulostaa numerot 1-5:

```javascript
for (let i = 1; i <= 5; i++) {
  console.log(i);
}
```

Tässä koodissa:

- Aloitetaan **i** arvosta 1.
- Silmukka suoriutuu niin kauan kuin **i** on pienempi tai yhtä suuri kuin 5.
- Jokaisen kierroksen jälkeen **i** arvoa kasvatetaan yhdellä.
- Joka kerta tulostetaan nykyinen arvo **i**:

### Toinen esimerkki

Silmukat ovat hyödyllisiä myös laskutoimitusten tekemiseen. Esimerkiksi voit käyttää silmukkaa lisätäksesi kaikki numerot 1:stä 5:een yhteen. Tämä tapahtuu lisäämällä laskurin (tässä nimettynä "**i**" joka on muuten aika yleinen nimi laskurimuuttujalle vaikka se voikin olla mikä vaan) arvo muuttujaan **total** jokaisen iteraation yhteydessä.

Näin voit tehdä sen:

```javascript
let total = 0;
for (let i = 1; i <= 5; i++) {
  total = total + i;
}
console.log(total); // Tulisi tulostaa 15
```

- Luomme muuttujan total ja alustamme sen arvolla 0.
- Jokaisen luvun (1 - 5) kohdalla lisäämme sen totaliin.
- Silmukan päättyessä total sisältää numeroiden 1+2+3+4+5 summan (joka on 15).

### Harjoitustehtävät

@exercise f909ee8d8522

@exercise 70967e81d08b


- Luo muuttuja nimeltä **total** ja aseta se arvoon 0.
- Kirjoita for-silmukka, joka lisää jokaisen luvun väliltä 1 ja 5 total-muuttujaan.
- Tulosta total käyttäen console.log(total) -komentoa.

For-silmukka - Toista toiminto X kertaa

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-silmukka - Toista toiminto X kertaa

Mikä on for-looppi?

Alustus

Ehto

Inkrementti

Vinkki: Oikotie laskurin arvon nostamiseen

Esimerkki

Toinen esimerkki

Harjoitustehtävät

Hakkeroinnin oppiminen alkaa tästä