Cityscape
Girl

JavaScript

Lisää operaattoreita ja lausekkeita

Helppo
30 min

Lisää operaattoreita ja lausekkeita!

Edellisessä moduulissa kävimme läpi joitain perusoperaattoreita ja lausekkeita. Nyt siirrymme käsittelemään muutamia muitakin, joita tulet käyttämään paljon.

Vertailuoperaattorit

Vertailuoperaattorit mahdollistavat kahden arvon vertaamisen. Ne arvioituvat boolean-arvoksi (true tai false).

Löyhä yhtäsuuruus (==) ja tarkka yhtäsuuruus (===)

Kun vertaillaan arvoja JavaScriptissä, on tärkeää ymmärtää ero löyhän yhtäsuuruuden (==) ja tarkan yhtäsuuruuden (===) välillä.

Yhtäsuuruusoperaattori (==) tarkistaa, ovatko kaksi arvoa samat muunnettuaan ne samaksi tyypiksi. Tätä automaattista muunnosta kutsutaan tyyppimuunnokseksi. Esimerkiksi 5 == "5" on true, koska JavaScript muuntaa merkkijonon "5" numeroksi 5 ennen niiden vertaamista.

Tiukka yhtäsuuruusoperaattori (===) puolestaan tarkistaa sekä arvon että tyypin. Se ei suorita tyyppimuunnosta (ei siis muunna automaattisesti molempia arvoja samaksi datatyypiksi mahdollistaakseen vertailun). Joten 5 === "5" on false, koska toinen on numero ja toinen on merkkijono — vaikka ne näyttävätkin samanlaisilta.

Yleisesti ottaen on hyvä idea käyttää === (tarkka yhtäsuuruus) operaattoria välttääksesi odottamatonta käyttäytymistä joka saattaa joskus aiheutua automaattisista tyyppimuunnoksista.

  • 5 == "5" on true (löyhä yhtäsuuruus).
  • 5 === "5" on false (tarkka yhtäsuuruus, ilman tyyppimuunnosta).

Epäyhtäsuuruus (!=) ja tarkka epäyhtäsuuruus (!==)

  • 5 != "6" on true.
  • 5 !== "5" on true.

Suurempi kuin (>) ja pienempi kuin (<)

  • 10 > 3 on true.
  • 3 < 1 on false.

Suurempi tai yhtä suuri kuin (>=) ja pienempi tai yhtä pieni kuin (<=)

  • 4 >= 4 on true.
  • 2 <= 1 on false.
Drawing canvas

Logiikkaoperaattorit

Logiikkaoperaattorit mahdollistavat boolean-arvojen yhdistämisen tai muokkaamisen:

JA (&&)

true && false palauttaa false. Molempien ehtojen on oltava tosia, jotta tulos olisi tosi.

TAI (||)

false || true palauttaa true. Vain yhden ehdon tulee olla tosi.

EI (!)

!true palauttaa false. Tämä (huutomerkki) operaattori kumoaa boolean-arvon.

Drawing canvas

Kolminainen (ternary) operaattori

Kolminainen operaattori on tiivis tapa kirjoittaa ehtoja. Se noudattaa tätä muotoa:

ehto ? arvoJosTosi : arvoJosEpätosi

Esimerkiksi:

let score = 75;
let result = score >= 60 ? "Hyväksytty" : "Hylätty";
console.log(result); // tulostaa "Hyväksytty"

Tämä yksirivinen lauseke arvioi onko pistemäärä 60 tai korkeampi. Jos tosi, tulos on "Hyväksytty", muuten "Hylätty".

Harjoitukset

Vertaa kahta arvoa

  • Luo muuttuja nimeltä isEqual käyttäen let -avainsanaa.
  • Aseta se vertaamalla 5:n ja "5":n tulosta käyttäen täsmällistä yhtäsuuruutta (===).
  • Tulosta isEqual -arvon console.login avulla.

Tarkista arvo käyttäen loogisia operaattoreita

  • Luo muuttuja nimeltä isAdult käyttäen let-avainsanaa ja aseta se arvoon true.
  • Luo toinen muuttuja nimeltä hasTicket käyttäen let-avainsanaa ja aseta se arvoon false.
  • Luo kolmas muuttuja nimeltä canEnter käyttäen let-avainsanaa, joka käyttää JA-operaattoria (&&) selvittääkseen, voiko henkilö mennä sisään.
  • Tulosta canEnter konsoliin.

Käännä boolean-arvo EIntoa käyttäen

  • Luo muuttuja nimeltä isRaining ja aseta se arvoksi false.
  • Luo toinen muuttuja nimeltä goOutside, joka tulisi olla isRaining vastakohta käyttäen NOT operaattoria (!).
  • Tulosta goOutside konsoliin.

Käytä kolminais (ternary) operaattoria

  • Luo muuttuja nimeltä score ja aseta siihen numero.
  • Luo toinen muuttuja nimeltä grade, joka käyttää ternary operaattoria ja asettaa siihen arvon "Pass", jos pistemäärä on 60 tai enemmän, muuten "Fail".
  • Tulosta grade konsoliin.

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ä.