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

Silmukoiden Käyttäminen Taulukoiden Kanssa

Silmukat mahdollistavat kaikkien tai tiettyjen taulukon alkioiden tehokkaan läpikäynnin.

Esimerkiksi voimme käyttää for-silmukkaa käydäksemme läpi kaikki taulukon alkiot ja tulostaaksemme ne:


              12345
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

for(let i = 0; i < numbers.length; i++) {
  console.log("Element " + (i + 1) + " of the array is: " + numbers[i]);
}

Tämä on erityisen hyödyllistä, kun meidän täytyy suorittaa operaatio useille taulukon alkioille:


              1234567
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
for(let i = 0; i < numbers.length; i++) {
  numbers[i] *= 2;
}
console.log("After:", numbers);

Voimme käyttää tähän tarkoitukseen myös while- tai do-while-silmukkaa, mutta se ei ole yleinen käytäntö.


              123456789
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
let i = 0;
while(i < numbers.length) {
  numbers[i] *= 2;
  i += 1;
}
console.log("After:", numbers);

Vaikka samoihin tuloksiin voidaan päästä käyttämällä while- tai do-while-silmukoita, suositellaan taulukoiden läpikäymiseen for-silmukkaa, koska se on vakiintunut ja luettavampi tapa.

1. Mitä seuraava koodi tulostaa?

2. Muuttaako seuraava koodi alkuperäistä taulukkoa?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 6. Luku 7

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

Silmukoiden Käyttäminen Taulukoiden Kanssa

Silmukat mahdollistavat kaikkien tai tiettyjen taulukon alkioiden tehokkaan läpikäynnin.

Esimerkiksi voimme käyttää for-silmukkaa käydäksemme läpi kaikki taulukon alkiot ja tulostaaksemme ne:


              12345
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

for(let i = 0; i < numbers.length; i++) {
  console.log("Element " + (i + 1) + " of the array is: " + numbers[i]);
}

Tämä on erityisen hyödyllistä, kun meidän täytyy suorittaa operaatio useille taulukon alkioille:


              1234567
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
for(let i = 0; i < numbers.length; i++) {
  numbers[i] *= 2;
}
console.log("After:", numbers);

Voimme käyttää tähän tarkoitukseen myös while- tai do-while-silmukkaa, mutta se ei ole yleinen käytäntö.


              123456789
            
let numbers = [1, 1, 2, 3, 5, 8, 13, 21];

console.log("Before:", numbers);
let i = 0;
while(i < numbers.length) {
  numbers[i] *= 2;
  i += 1;
}
console.log("After:", numbers);

Vaikka samoihin tuloksiin voidaan päästä käyttämällä while- tai do-while-silmukoita, suositellaan taulukoiden läpikäymiseen for-silmukkaa, koska se on vakiintunut ja luettavampi tapa.

1. Mitä seuraava koodi tulostaa?

2. Muuttaako seuraava koodi alkuperäistä taulukkoa?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 6. Luku 7

some-alt