Kurssisisältö

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

Mitä Taulukot Ovat?

Määritelmä

Taulukko on yksinkertaisesti järjestetty kokoelma muuttujia.

Taulukon määrittely

Yleinen syntaksi taulukon määrittelylle on:

let arrayName = [ element1, element2, … ];

Voimme myös määritellä tyhjän taulukon:

let arrayName = [];

Taulukot ovat hyödyllisiä, kun haluamme tallentaa useita arvoja yhteen muuttujaan sen sijaan, että loisimme jokaiselle arvolle oman muuttujan.

Tämä helpottaa tietojen järjestämistä ja käsittelyä. Esimerkiksi voimme tallentaa luokan oppilaiden nimet taulukkoon:

Voimme tulostaa kaikki taulukon alkiot käyttämällä taulukon nimeä console.log-lauseessa:


              12345
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students);

let emptyArray = [];
console.log(emptyArray);

Indeksointi

Taulukon tiettyyn sijaintiin päästään käsiksi indeksoinnin avulla.

Indeksoinnin syntaksi on:

arrayName[index]

Tässä arrayName on taulukon nimi ja index viittaa alkion sijaintiin taulukossa.

Indeksit alkavat arvosta 0, eli ensimmäisellä alkiolla on aina indeksi 0.


              1234
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students[0]); // Output: Emma
console.log(students[1]); // Output: Alex
console.log(students[2]); // Output: Chris

Virheellisen indeksin käyttö palauttaa arvon undefined:


              123
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students[-1]); // Output: undefined
console.log(students[4]); // Output: undefined

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 1

Kysy tekoälyä

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

Kurssisisältö

Johdatus JavaScriptiin

1. Aloittaminen

2. Datan Käsittely

3. Ehtolauseet

4. Funktioiden Hallinta

5. Taulukoiden Tutkiminen

6. Silmukoiden Löytäminen

Mitä Taulukot Ovat?

Määritelmä

Taulukko on yksinkertaisesti järjestetty kokoelma muuttujia.

Taulukon määrittely

Yleinen syntaksi taulukon määrittelylle on:

let arrayName = [ element1, element2, … ];

Voimme myös määritellä tyhjän taulukon:

let arrayName = [];

Taulukot ovat hyödyllisiä, kun haluamme tallentaa useita arvoja yhteen muuttujaan sen sijaan, että loisimme jokaiselle arvolle oman muuttujan.

Tämä helpottaa tietojen järjestämistä ja käsittelyä. Esimerkiksi voimme tallentaa luokan oppilaiden nimet taulukkoon:

Voimme tulostaa kaikki taulukon alkiot käyttämällä taulukon nimeä console.log-lauseessa:


              12345
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students);

let emptyArray = [];
console.log(emptyArray);

Indeksointi

Taulukon tiettyyn sijaintiin päästään käsiksi indeksoinnin avulla.

Indeksoinnin syntaksi on:

arrayName[index]

Tässä arrayName on taulukon nimi ja index viittaa alkion sijaintiin taulukossa.

Indeksit alkavat arvosta 0, eli ensimmäisellä alkiolla on aina indeksi 0.


              1234
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students[0]); // Output: Emma
console.log(students[1]); // Output: Alex
console.log(students[2]); // Output: Chris

Virheellisen indeksin käyttö palauttaa arvon undefined:


              123
            
let students = [ "Emma", "Alex", "Chris" ];
console.log(students[-1]); // Output: undefined
console.log(students[4]); // Output: undefined

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 5. Luku 1

Johdatus JavaScriptiin

Mitä Taulukot Ovat?

Taulukon määrittely

Indeksointi

1. Mikä on taulukko (array) JavaScriptissä?

2. Mikä seuraavista on oikea tapa määritellä taulukko?

3. Mitä seuraava koodi tulostaa?

4. Mikä on seuraavan koodin tuloste?

Johdatus JavaScriptiin

Mitä Taulukot Ovat?

Taulukon määrittely

Indeksointi

1. Mikä on taulukko (array) JavaScriptissä?

2. Mikä seuraavista on oikea tapa määritellä taulukko?

3. Mitä seuraava koodi tulostaa?

4. Mikä on seuraavan koodin tuloste?