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

`Includes`-menetelmä

includes-metodia voidaan käyttää nopeasti tarkistamaan, esiintyykö tietty alkio taulukossa vai ei.

Alla on yleinen syntaksi includes-metodille:

arrayName.includes(element);

includes-metodi palauttaa totuusarvon (true tai false) sen perusteella, löytyykö alkio taulukosta vai ei.

Palauttaa true, jos alkio löytyy;
Palauttaa false, jos alkiota ei löydy.


              1234
            
let itemsInStock = ["Laptop", "Phone", "Tablet", "Charger"];

console.log(itemsInStock.includes("Phone"));
console.log(itemsInStock.includes("Headphones"));

Huomio

includes-metodi suorittaa tarkan vertailun (===), eli se tarkistaa täsmälliset osumat, mukaan lukien kirjainkoon. Esimerkiksi itemsInStock.includes("phone") palauttaa false, koska "phone" (pienellä) ei ole sama kuin "Phone" (isolla "P").

1. Mikä on seuraavan koodin tuloste?

2. Mikä seuraavista väittämistä pitää paikkansa `includes`-metodista?

Oliko kaikki selvää?

Kiitos palautteestasi!

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

`Includes`-menetelmä

includes-metodia voidaan käyttää nopeasti tarkistamaan, esiintyykö tietty alkio taulukossa vai ei.

Alla on yleinen syntaksi includes-metodille:

arrayName.includes(element);

includes-metodi palauttaa totuusarvon (true tai false) sen perusteella, löytyykö alkio taulukosta vai ei.

Palauttaa true, jos alkio löytyy;
Palauttaa false, jos alkiota ei löydy.


              1234
            
let itemsInStock = ["Laptop", "Phone", "Tablet", "Charger"];

console.log(itemsInStock.includes("Phone"));
console.log(itemsInStock.includes("Headphones"));

Huomio

includes-metodi suorittaa tarkan vertailun (===), eli se tarkistaa täsmälliset osumat, mukaan lukien kirjainkoon. Esimerkiksi itemsInStock.includes("phone") palauttaa false, koska "phone" (pienellä) ei ole sama kuin "Phone" (isolla "P").

1. Mikä on seuraavan koodin tuloste?

2. Mikä seuraavista väittämistä pitää paikkansa `includes`-metodista?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 10

some-alt