JavaScript-esimerkki
- Edellinen sivu JS D3.js
- Seuraava sivu JS HTML DOM
Mitä JavaScript voi tehdä?
Missä JavaScriptiä lisätään
JavaScript tulostus
JavaScript syntaksi
- JavaScript lauseet
- JavaScript luku
- JavaScript merkkijono
- JavaScript muuttujat
- JavaScript operaattorit
- JavaScript asetus
- JavaScript-laskelma (käyttää vakioita)
- JavaScript-laskelma (käyttää merkkijonoa)
- JavaScript-laskelma (käyttää muuttujia)
- JavaScript-avainsanat
- JavaScript kommentit
- JavaScript on kirjainherkkä
JavaScript lauseet
JavaScript kommentit
JavaScript muuttujat
- JavaScript muuttujat
- Algebraattinen JavaScript-muuttuja
- JavaScript luku ja merkkijono
- JavaScript var-avainsana
- Useiden muuttujien määrittäminen yhdessä lauseessa
- Useiden muuttujien määrittäminen useissa riveissä
- Arvoa ei ole oleva muuttuja palauttaa undefined
- Uudelleen määrittämä muuttuja ei tuhoa arvoa
- JavaScript taulukon yhdistäminen
- JavaScript merkkijonojen yhdistäminen
- Merkkijono ja luku yhdistäminen
- Luku ja merkkijono yhdistäminen
JavaScript laskutoimitukset
JavaScript asetus
JavaScript-merkkijonojonoituminen
JavaScript datatyypit
JavaScript objektit
JavaScript funktiot
JavaScript tapahtumat
JavaScript merkkijono
- Merkkijono voidaan ympäröidä sekä yksinkertaisilla että kaksoislainausmerkeillä
- Näytä joitakin merkkijono-esimerkkejä
- Välimerkin lisääminen lainausmerkkien eteen tunnetaan lainausmerkeksi
- Määritä merkkijonon pituus
- Katkaise tekstimerkkijono takaperäisellä sulkeella
- Koodia ei voida katkaista takaperäisellä sulkeella
- Määritä tekstin ensimmäinen esiintyminen merkkijonossa - indexOf()
- Etsi tekstiä merkkijonosta ja palauta tämä teksti, kun se löydetään - match()
- Korvaa merkkijonon merkit - replace()
- Vaihda merkkijono suureksi kirjaimeksi - toUpperCase()
- Vaihda merkkijono pieneksi kirjaimeksi - toLowerCase()
- Jaa merkkijono taulukkoon - split()
JavaScript luku
- Luvut voidaan kirjoittaa sekä pisteellä että ilman pisteitä
- Voit käyttää eksponenttilaskutoimitusta kirjoittaaksesi suuria tai pieniä lukuja
- Luvut tarkennetaan 15 desimaalilla
- Liukuluku-laskutoimitukset eivät aina ole 100% tarkkoja
- Tämä ongelma voidaan ratkaista kertomalla ja jakamalla 10
- Kaksi lukua lisättynä tuottavat uuden luvun
- Kaksi luvumerkkijonoa lisättynä tuottavat yhdistetyn merkkijonon
- Luvun ja luvumerkkijonon lisäys luo yhdistetyn merkkijonon
- Luvumerkkijonon ja luvun lisäys luo yhdistetyn merkkijonon
- Yleinen virhe merkkijonon ja luvun lisäyksessä 1
- Yleinen virhe: merkkijonojen ja numeroiden lisäys 2
- Jakolaskennassa JavaScript yrittää muuntaa merkkijonon numeroiksi
- Kertolaskennassa JavaScript yrittää muuntaa merkkijonon numeroiksi
- Vähennyslaskennassa JavaScript yrittää muuntaa merkkijonon numeroiksi
- Lisäyslaskennassa JavaScript ei muunna merkkijonoja numeroiksi
- Numeron jakaminen merkkijonolla ei ole enää numero
- Numeron jakaminen numeromerkillä on numero
- Kaikkein yleinen JavaScript-funktio isNaN() arvioi arvon olevanko numero
- NaN:n käyttäminen matemaattisissa operaatioissa palauttaa aina NaN
- NaN:n käyttäminen matemaattisissa merkkijono-operaatioissa yhdistää NaN
- NaN:n tyyppi on numero (ei, typeof NaN palauttaa number)
- Jos saadaan luku, joka ylittää suurimman mahdollisen luvun, palautetaan äärettömyys (Infinity)
- Nollalla jaetun tuloksena saadaan Infinity
- Infinity on luku (typeof Infinity palauttaa number)
- Etuliitteellä 0x olevat muuttujat tulkitaan heksadesimaalina
- toString() menetelmä voi tulostaa luvun heksadesimaalina, oktaalina tai binäärinä
- Numerot voivat olla objekteja
- Numerot eivät voi olla turvallisesti verrattavissa objekteihin
- Objektit eivät voi olla turvallisesti verrattavissa toisiinsa
JavaScript luku menetelmät
- toString() menetelmä muuntaa numeron merkkijonoksi
- valueOf() menetelmä palauttaa numeron numerona
- toExponential() palauttaa eksponenttiesityksen numeron
- toFixed() menetelmä neliöllistää numeron tiettyyn määrään desimaaleja
- toPrecision() palauttaa tietyn pituuden numeron
- Kaikkein yleinen menetelmä Number() muuntaa muuttujan numeroksi
- Kaikkein yleinen menetelmä Number() voi jopa muuntaa päivämäärän numeroksi
- Kaikkein yleinen menetelmä parseInt() muuntaa merkkijonon numeroksi
- Kaikkein yleinen menetelmä parseFloat() muuntaa merkkijonon numeroksi
- MAX_VALUE palauttaa JavaScriptissä mahdollisimman suuren luvun
- MIN_VALUE palauttaa JavaScriptissä mahdollisimman pienen luvun
- POSITIVE_INFINITY tarkoittaa lisäarvoista äärettömyyttä
- Ylimääräinen arvo palauttaa POSITIVE_INFINITY
- NEGATIVE_INFINITY tarkoittaa miinusarvoista äärettömyyttä
- Ylimääräinen arvo palauttaa NEGATIVE_INFINITY
- NaN tarkoittaa 'ei-numeroa'
- Merkkijonon suorittaman laskennan tuloksena saadaan NaN
- Muuttujan numerolaisen ominaisuuden käyttäminen palauttaa undefined
JavaScriptin matematiikka
- Math.PI palauttaa PI:n arvon
- Math.round(x) palauttaa x:n luvun (pyöristetyn arvon)
- Math.pow(x, y) palauttaa x:n y-kertoo
- Math.sqrt(x) palauttaa x:n neliöjuuren
- Math.abs(x) palauttaa x:n absoluuttisen arvon
- Math.ceil(x) palauttaa x:n ylöspäin pyöristetyn arvon
- Math.floor(x) palauttaa x:n alaspäin pyöristetyn arvon
- Math.sin(x) palauttaa kulman x (arkkudeina mitattuna) sinus
- Math.cos(x) palauttaa kulman x (arkkudeina mitattuna) kosini
- Math.max() palauttaa parametritaulukon suurimman arvon
- Math.min() palauttaa parametritaulukon pienimmän arvon
- Muunna celsiusasteet fahrenheit-asteiksi
JavaScript arvontor
- Math.random() palauttaa satunnaisen kokonaisluvun välillä 0 (mukana) ja 1 (ei mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 0 ja 9 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 0 ja 10 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 0 ja 99 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 0 ja 100 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 1 ja 10 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä 1 ja 100 (molemmat mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä x (mukana) ja y (ei mukana)
- Kuinka palauttaa satunnainen kokonaisluku välillä x ja y (molemmat mukana)
JavaScript päivämäärä
- Käytä Date() näyttääksesi tänään päivän ja ajan
- Käytä getFullYear() näyttääksesi vuoden
- Käytä getTime() laskemaan 1970:sta asti kuluneita millisekunteja
- Käytä setFullYear() asettaaksesi tietyn päivämäärän
- Käytä toUTCString() muuntaaksesi tänään päivän päivämäärän merkkijonoksi (UTC:n mukaan)
- Käytä getDay() näyttääksesi viikonpäivän numerona
- Käytä getDay() ja taulukkoa näyttääksesi viikonpäivän nimen
- Näytä kello
JavaScript taulukko
JavaScript taulukko menetelmät
- Lisää elementti taulukkoon
- Poista taulukosta viimeinen elementti - pop()
- Yhdistä taulukon kaikki elementit merkkijonoksi - join()
- Yhdistä kaksi taulukkoa - concat()
- Yhdistä kolme taulukkoa - concat()
- Lisää elementti taulukkoon sijalle 2 - splice()
- Muunna taulukko merkkijonoksi - toString()
- Lisää uusi elementti taulukon alkuun - unshift()
- Poista taulukosta ensimmäinen elementti - shift()
- Valitse taulukosta elementtejä - slice()
JavaScript taulukko järjestäminen
- Järjestä taulukko nousevassa järjestyksessä
- Järjestä taulukko laskevassa järjestyksessä
- Järjestä numerot nousevassa järjestyksessä
- Järjestä numerot laskevassa järjestyksessä
- Järjestä numerot (kirjain- tai numerollisessa järjestyksessä)
- Järjestä taulukon numerot satunnaisessa järjestyksessä
- Määritä pienin luku taulukosta
- Määritä suurin luku taulukosta
- Määritä pienin luku taulukosta Math.min() -funktiolla
- Määritä suurin luku taulukosta Math.max() -funktiolla
- Käytä "omaansa" myArrayMin-metodia
- Käytä "omaansa" myArrayMax-metodia
- Järjestä objektit numeron ominaisuuden mukaan
- Järjestä objektit merkkijonon ominaisuuden mukaan
JavaScriptin taulukon iterointi
JavaScript-tyyppien muunnos
JavaScriptin totuusarvo
- Näytä Boolean(10 > 9) arvo
- Näytä 10 > 9 arvo
- Kaikki, mikä on todellinen arvo, on true
- Nollan totuusarvo on false
- Miinuskuution (minus zero) totuusarvo on false
- Tyhjän merkkijonon totuusarvo on false
- undefined:n totuusarvo on false
- null:n totuusarvo on false
- false:n totuusarvo on false
- NaN:n totuusarvo on false
JavaScriptin vertailu
- Aseta 5 arvoksi x ja näytä (x == 8) arvo
- Aseta 5 arvoksi x ja näytä (x == 5) arvo
- Aseta 5 arvoksi x ja näytä (x === 5) arvo
- Aseta 5 arvoksi x ja näytä (x === "5") arvo
- Aseta 5 x:lle, sitten näytä (x != 8) arvo
- Aseta 5 x:lle, sitten näytä (x !== 5) arvo
- Aseta 5 x:lle, sitten näytä (x !== "5") arvo
- Aseta 5 x:lle, sitten näytä (x > 8) arvo
- Aseta 5 x:lle, sitten näytä (x < 8) arvo
- Aseta 5 x:lle, sitten näytä (x >= 8) arvo
- Aseta 5 x:lle, sitten näytä (x <= 8) arvo
JavaScript-ehdotukset
JavaScript-silmukka
JavaScript-virheenkäsittely
JavaScriptin säännölliset lausekkeet
JavaScript objektit
- Luo JavaScript-muuttuja
- Luo JavaScript-objekti
- Luo JavaScript-objekti (yksirivinen)
- Luo JavaScript-objekti (monirivinen)
- Luo JavaScript-objekti uudella avulla
- Luo JavaScript-objekti konstruktoreilla
- Luo sisäänrakennettu JavaScript-objekti
- Paras tapa luoda JavaScript-muuttuja
- JavaScript-objekti on muuttuva
JavaScriptin objektin ominaisuudet
JSON 对象
JSON 数组
JSON-parsi
Esimerkki selitys: JSON-parsinta
JSON PHP
JSON HTML
Esimerkki selitys: JSON HTML
- Edellinen sivu JS D3.js
- Seuraava sivu JS HTML DOM
