Johdatus JavaScriptiin

Kurssisisältö

Johdatus JavaScriptiin

Johdatus JavaScriptiin

1. Aloittaminen

Ensimmäinen JavaScript-konsolisovellus Haaste: Tulosteen Näyttäminen Haaste: Useiden Rivien Tulostaminen Lukujen Käsittely Haaste: Työskentely Numeroiden Kanssa Haaste: Auton Nopeuden Laskeminen Haaste: Trapetsin Pinta-Alan Laskeminen Useiden Arvojen Tulostaminen Haaste: Merkityksellisen Tulosteen Näyttäminen Konsolissa Kuinka Käyttää Kommentteja JavaScriptissä?Haaste: Kommentin Lisääminen Moniriviset Kommentit Haaste: Koodin Kommentointi Mikä JavaScript Oikeastaan On?

2. Datan Käsittely

Datan Tallentaminen Haaste: Muuttujan Määrittäminen Haaste: Tietojen Käsitteleminen Muuttujasta Haaste: Muuttujien Nimien Korjaaminen Haaste: Muuttujan Uudelleenasettaminen Vakiot Haaste: Vakioiden Määrittely ja Käyttö Aritmeettisten Operaatioiden Suorittaminen Muuttujilla Haaste: Palkanlaskurin Tekeminen Haaste: Palkan Säätäminen Bonuksen Avulla Alkeellisten Tietotyyppien Tarkastelu Haaste: Boolean-Arvon Määrittäminen Kuinka Eri Tietotyypit Ovat Vuorovaikutuksessa Keskenään Haaste: Merkkijonojen Yhdistäminen Haaste: Käyttäjäprofiilin ja Aktiviteettitietojen Luominen

3. Ehtolauseet

Vertailuoperaattorit Haaste: Iän Kelpoisuuden Tarkistaminen `If`-Lause Haaste: Säähän Perustuva Asusuositus Haaste: Parillinen vai Pariton Sisäkkäiset Ehtolauseet The `Else`-Lause Haaste: Paranna Parillinen Vai Pariton Tarkistinta Haaste: Lämpötilaneuvoja `Else If` -lauseke Haaste: Arvosanaluokittelija ` JA`-Looginen Operaattori Haaste: Tarkista, Onko Luku Parillinen ja Positiivinen OR-Looginen Operaattori Haaste: Ohjausjärjestelmän Käyttö

4. Funktioiden Hallinta

Mitä Funktiot Ovat?Haaste: Yksinkertainen Funktio Haaste: Auton Nopeuden Laskeminen Laajuudet Datan Välittäminen Funktioihin Haaste: Nopeusfunktion Korjaaminen Haaste: Arvosanaluokittelijan Parantaminen Tehtävä: Yhdistetyn Funktion Määrittely Datan Palauttaminen Funktioista Oletusarvot Haaste: Sähköpostin Automaattivastaaja Oletusparametreilla

5. Taulukoiden Tutkiminen

Mitä Taulukot Ovat?Haaste: Taulukon Määrittely Haaste: Indeksointi Arvojen Lisääminen Taulukkoon Haaste: Alkioiden Lisääminen Taulukkoon Alkioiden Poistaminen Taulukosta Haaste: `pop`- ja `shift`-metodien Harjoittelu `Length`-ominaisuus Haaste: Alkioiden Laskeminen `Includes`-menetelmä Haaste: Eläinten Etsiminen Eläintarhassa

6. Silmukoiden Löytäminen

`For`-silmukka Tehtävä: Sekvenssin Tulostaminen `While`-silmukka Haaste: Fibonaccin Lukujonon Tulostaminen Do-While-silmukka Haaste: Satunnainen 7:n Monikerta Silmukoiden Käyttäminen Taulukoiden Kanssa Haaste: Tuotteiden Keskihinnan Löytäminen Yhteenveto

`Else If` -lauseke

else-lauseen lisäksi ehtolauseet tukevat myös else if -lausetta, jota voidaan käyttää vaihtoehtoisten ehtojen määrittelyyn, jos alkuperäinen if-ehto on false.

Yleinen syntaksi on seuraava:

if(expression) {
  // Code … (executed if the expression is true)
} else if(expression) {
  // Fallback Code … 
  //(executed if the previous condition is false, and this one is true)
}

Kuten yleisestä syntaksista nähdään, else if -lause ottaa loogisen lausekkeen, joka arvioidaan, kun sitä edeltävä ehto on false.

Voimme ketjuttaa useita else if -lauseita muodostaaksemme if-else if -ketjun:

if(expression) {
  // … (executed if the first condition is true)
} else if(expression) {
  // … (executed if the first condition is false and this is true)
} else if(expression) {
  // … (executed if previous conditions are false and this is true)
} else {
  // … (executed if all previous conditions are false)
}

Kuten yllä olevasta koodista nähdään, voimme halutessamme lisätä else-lauseen loppuun. Tämä lohko suoritetaan vain, kun kaikki edelliset ehdot arvioituvat false.

Seuraava esimerkki havainnollistaa tämän syntaksin käyttöä:


              123456789
            
let number = 50;

if (number < 20) {
  console.log("The number is less than 20.");
} else if (number === 20) {
  console.log("The number is exactly 20.");
} else {
  console.log("The number is greater than 20.");
}

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 10

Kysy tekoälyä

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Kurssisisältö

Johdatus JavaScriptiin

Johdatus JavaScriptiin

1. Aloittaminen

Ensimmäinen JavaScript-konsolisovellus Haaste: Tulosteen Näyttäminen Haaste: Useiden Rivien Tulostaminen Lukujen Käsittely Haaste: Työskentely Numeroiden Kanssa Haaste: Auton Nopeuden Laskeminen Haaste: Trapetsin Pinta-Alan Laskeminen Useiden Arvojen Tulostaminen Haaste: Merkityksellisen Tulosteen Näyttäminen Konsolissa Kuinka Käyttää Kommentteja JavaScriptissä?Haaste: Kommentin Lisääminen Moniriviset Kommentit Haaste: Koodin Kommentointi Mikä JavaScript Oikeastaan On?

2. Datan Käsittely

Datan Tallentaminen Haaste: Muuttujan Määrittäminen Haaste: Tietojen Käsitteleminen Muuttujasta Haaste: Muuttujien Nimien Korjaaminen Haaste: Muuttujan Uudelleenasettaminen Vakiot Haaste: Vakioiden Määrittely ja Käyttö Aritmeettisten Operaatioiden Suorittaminen Muuttujilla Haaste: Palkanlaskurin Tekeminen Haaste: Palkan Säätäminen Bonuksen Avulla Alkeellisten Tietotyyppien Tarkastelu Haaste: Boolean-Arvon Määrittäminen Kuinka Eri Tietotyypit Ovat Vuorovaikutuksessa Keskenään Haaste: Merkkijonojen Yhdistäminen Haaste: Käyttäjäprofiilin ja Aktiviteettitietojen Luominen

3. Ehtolauseet

Vertailuoperaattorit Haaste: Iän Kelpoisuuden Tarkistaminen `If`-Lause Haaste: Säähän Perustuva Asusuositus Haaste: Parillinen vai Pariton Sisäkkäiset Ehtolauseet The `Else`-Lause Haaste: Paranna Parillinen Vai Pariton Tarkistinta Haaste: Lämpötilaneuvoja `Else If` -lauseke Haaste: Arvosanaluokittelija ` JA`-Looginen Operaattori Haaste: Tarkista, Onko Luku Parillinen ja Positiivinen OR-Looginen Operaattori Haaste: Ohjausjärjestelmän Käyttö

4. Funktioiden Hallinta

Mitä Funktiot Ovat?Haaste: Yksinkertainen Funktio Haaste: Auton Nopeuden Laskeminen Laajuudet Datan Välittäminen Funktioihin Haaste: Nopeusfunktion Korjaaminen Haaste: Arvosanaluokittelijan Parantaminen Tehtävä: Yhdistetyn Funktion Määrittely Datan Palauttaminen Funktioista Oletusarvot Haaste: Sähköpostin Automaattivastaaja Oletusparametreilla

5. Taulukoiden Tutkiminen

Mitä Taulukot Ovat?Haaste: Taulukon Määrittely Haaste: Indeksointi Arvojen Lisääminen Taulukkoon Haaste: Alkioiden Lisääminen Taulukkoon Alkioiden Poistaminen Taulukosta Haaste: `pop`- ja `shift`-metodien Harjoittelu `Length`-ominaisuus Haaste: Alkioiden Laskeminen `Includes`-menetelmä Haaste: Eläinten Etsiminen Eläintarhassa

6. Silmukoiden Löytäminen

`For`-silmukka Tehtävä: Sekvenssin Tulostaminen `While`-silmukka Haaste: Fibonaccin Lukujonon Tulostaminen Do-While-silmukka Haaste: Satunnainen 7:n Monikerta Silmukoiden Käyttäminen Taulukoiden Kanssa Haaste: Tuotteiden Keskihinnan Löytäminen Yhteenveto

`Else If` -lauseke

else-lauseen lisäksi ehtolauseet tukevat myös else if -lausetta, jota voidaan käyttää vaihtoehtoisten ehtojen määrittelyyn, jos alkuperäinen if-ehto on false.

Yleinen syntaksi on seuraava:

if(expression) {
  // Code … (executed if the expression is true)
} else if(expression) {
  // Fallback Code … 
  //(executed if the previous condition is false, and this one is true)
}

Kuten yleisestä syntaksista nähdään, else if -lause ottaa loogisen lausekkeen, joka arvioidaan, kun sitä edeltävä ehto on false.

Voimme ketjuttaa useita else if -lauseita muodostaaksemme if-else if -ketjun:

if(expression) {
  // … (executed if the first condition is true)
} else if(expression) {
  // … (executed if the first condition is false and this is true)
} else if(expression) {
  // … (executed if previous conditions are false and this is true)
} else {
  // … (executed if all previous conditions are false)
}

Kuten yllä olevasta koodista nähdään, voimme halutessamme lisätä else-lauseen loppuun. Tämä lohko suoritetaan vain, kun kaikki edelliset ehdot arvioituvat false.

Seuraava esimerkki havainnollistaa tämän syntaksin käyttöä:


              123456789
            
let number = 50;

if (number < 20) {
  console.log("The number is less than 20.");
} else if (number === 20) {
  console.log("The number is exactly 20.");
} else {
  console.log("The number is greater than 20.");
}

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 10

some-alt