Cityscape
Girl

JavaScript

Datatyypit

Helppo
15 min

Mikä ovat datatyypit?

JavaScriptissä jokaisella arvolla on datatyyppi. Se kertoo sinulle, millaista tietoa kyseinen arvo edustaa. Esimerkiksi jotkut arvot ovat numeroita (number), toiset ovat tekstiä/merkkijonoja (string), jotkut ovat totuusarvoja (boolean), ja jotkut edustavat puuttuvia tai tuntemattomia arvoja kuten undefined ja null.

Ajattele datatyyppiä merkintänä vaijerissa, joka kertoo sinulle, minkä tyyppiseen asiaan se osoittaa.

Luvut (number)

Luvut ovat arvoja, jotka edustavat numeerisia määriä. Ne voivat olla kokonaislukuja kuten 42 tai desimaaleja kuten 3.14.

let num = 42;
console.log(num);           // tulostaa 42
console.log(typeof num);    // tulostaa "number"

Merkkijonot (string)

Merkkijonot edustavat tekstiä. Ne ovat sijoitettu lainausmerkkien sisään (yksi- tai kaksinkertaiset).

let tervehdys = "Hei, maailma!";
console.log(tervehdys);           // tulostaa "Hei, maailma!"
console.log(typeof tervehdys);    // tulostaa "string"

Totuusarvot (boolean)

Booleanit ovat yksinkertaisia arvoja, jotka voivat olla vain joko tosi (true) tai epätosi (false). Ne ovat hyödyllisiä päätösten tekemisessä koodissasi.

let onAurinkoinenPaiva = true;
console.log(onAurinkoinenPaiva);           // tulostaa true
console.log(typeof onAurinkoinenPaiva);    // tulostaa "boolean"

Undefined ja Null

Undefined

Kun muuttujalle ei ole määritetty arvoa, sen arvo on undefined.

let arvo;
console.log(arvo);           // tulostaa undefined
console.log(typeof arvo);    // tulostaa "undefined"

Null

null on erityisarvo, joka edustaa tarkoituksellisesti tyhjää arvoa. Se on eri asia kuin määrittämätön (undefined), null on määritetty mutta määritetty vain tyhjäksi.

☝️Vaikka null tarkoittaa "ei mitään", huomaa, että typeof null palauttaa "object". Tämä on JavaScriptissä historiallisista syistä johtuva erikoisuus, eikä sinun tarvitse huolehtia siitä. Käsittelemme objektia myöhemmin kurssin aikana.

let tyhja = null;
console.log(tyhja);           // tulostaa null
console.log(typeof tyhja);    // tulostaa "object" mikä on merkillistä mutta sillä tavalla hassun hauska JavaScript joskus on!

typeof-operaattori

Voit käyttää typeof-operaattoria nähdäksesi, mikä arvon datatyyppi on. Se on hyödyllinen työkalu kun opettelet kuinka JavaScript luokittelee erilaisia arvoja.

console.log(typeof 42);             // "numero"
console.log(typeof "Hei");        // "merkkijono"
console.log(typeof true);           // "boolean"
console.log(typeof undefined);      // "undefined"
console.log(typeof null);           // "objekti"

Harjoitukset

Tulosta luku ja tarkista sen tyyppi

  • Luo muuttuja nimeltä num käyttäen let ja anna sille arvoksi 42.
  • Tulosta num:n arvo ja tyyppi käyttäen console.log.

Tulosta merkkijono ja tarkista sen tyyppi

  • Luo muuttuja nimeltä tervehdys käyttäen let ja anna sille arvoksi "Hei, maailma!".
  • Tulosta tervehdyksen arvo ja tyyppi käyttäen console.log.

Työskentelyä Undefinedin ja Nullin kanssa

  • Määritä muuttuja nimeltä value käyttäen let-avainsanaa, mutta älä määritä sille lainkaan arvoa.
  • Tulosta muuttujan arvo ja tyyppi käyttäen console.log-komentoa.
  • Sitten anna muuttujalle arvoksi null.
  • Tulosta muuttujan uusi arvo ja tyyppi käyttäen console.log-komentoa.

hakatemia pro

Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.

Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.