Kurssisisältö

Johdanto JavaScriptiin

1. JavaScriptin Perusteet

Tietoa JavaScriptistä Ymmärrä JavaScript-Syntaksia Haaste: Konsolin Tulostus in JavaScript Kommenttien Käyttäminen Koodin Dokumentointiin Haaste: Kirjoita Yksirivinen Kommentti Haaste: Kirjoita Monirivinen Comment

2. Muuttujat ja Tietotyypit JavaScriptissä

Ymmärrä Muuttujia JavaScriptissä Haaste: Määritä Muuttuja Using Const for Constants Tutkitaan JavaScriptin Tietotyyppejä Työskentely Null-Arvon Kanssa JavaScriptissä Taulukkojen Esittely Taulukon Menetelmät ja Käsittely Haaste: Suorita Taulukko-Operaatiot

3. Performing Operations in JavaScript

Ymmärrä Sijoitusoperaattorit Matemaattiset Operaatiot JavaScriptissä Sijoitusoperaattorit in JavaScript Inkrementti- ja Dekrementtioperaattorit Haaste: Muuttujaoperaatioiden Harjoittelu Vertailuoperaattorit in JavaScript Loogiset Operaattorit Selitetty Haaste: Vertaa Muuttujia JavaScriptissä Merkkijonojen Yhdistäminen JavaScriptissä Haaste: Rakenna Lauseita JavaScriptilla

4. Ohjelman Kulun Hallinta Ehdollisilla Lauseilla

If-Lauseiden Hallinta JavaScriptissä Käyttämällä Else Vaihtoehtoisiin Lopputuloksiin Else If -Lauseen Soveltaminen Useisiin Ehtoihin Haaste: Määritä Koot Ehtolauseilla

5. Looping Through Data in JavaScript

While-Silmukan Ymmärtäminen JavaScriptissä Do While -Silmukan Käyttäminen Iteraatioon Haaste: Tulosta Numerot 5:stä 9:ään For-Silmukan Hallitseminen JavaScriptissä Haaste: Console Tigerit Silmukoilla Silmukoiden Keskeyttäminen Break-komennolla Iterointien Ohittaminen Continue-Komennolla Haaste: Pysäytä ja Ohita Loops

6. Funktiot JavaScriptissä

Mitä Funktiot Ovat JavaScriptissä?Funktioiden Määrittely JavaScriptissä Haaste: Kirjoita Funktio – Minun Nimen Funktionin Argumenttien Tehokas Käyttö Arvojen Palauttaminen Funktioista Haaste: Luo Summafunktio Kurssin Yhteenveto ja Seuraavat Askeleet

For-Silmukan Hallitseminen JavaScriptissä

JavaScriptin for-silmukka on olennainen silmukkarakenne, vaikka sen ymmärtäminen voi aluksi olla haastavaa. Se käyttää for-avainsanaa ja vaatii kolme parametria, jotka ovat sulkeissa:

javascript

Tässä on näiden parametrien erittely:

Initialization: Tässä alustetaan uusi laskuri, jota for-silmukka käyttää. Se suoritetaan vain kerran;
Condition: Ehto, joka tarkistetaan ennen kutakin iteraatiota, samanlainen kuin while-silmukassa;
Increment/Decrement: Toiminnot, jotka suoritetaan laskurille jokaisen silmukan iteraation lopussa.

Huom

Iteraatio silmukoissa viittaa koodilohkon toistamiseen tietyn määrän kertoja tai kunnes tietty ehto täyttyy. Joka kerta, kun koodilohko suoritetaan, sitä pidetään yhtenä iteraationa.

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 luomme muuttujan ifor-silmukan sisällä. Tämä operaatio suoritetaan kerran;
i < 5: Ehto, joka tarkistetaan ennen kutakin iteraatiota;
i++: Inkrementti-ilmaisu, joka suoritetaan jokaisen iteraation jälkeen;
console.log("Loop iteration:", i);: for-silmukan runko.

Jokainen silmukan vaihe voidaan kuvata seuraavasti:

javascript

Vaihe 2 toistuu, kunnes ehto muuttuu false.

Voi olla hyödyllistä harkita kaaviota saadakseen selkeämmän käsityksen siitä, 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 laajuudessaan, joten sinun ei tarvitse huolehtia laskurin nimen ristiriidasta 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);
};

Vertailu: for- ja while-silmukat

Kun vertaillaan for- ja while-silmukoita, for-silmukka on usein yksinkertaisempi ja tiiviimpi. Tässä on 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 yksinkertaisempi 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