Eksplisiittiset muunnostekniikat
Muuntaa tyyppejä tarkoituksellisesti Number-, String- ja Boolean-rakenteilla.
Eksplisiittiset muunnostekniikat on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Eksplisiittinen tyyppimuunnos
Eksplisiittinen tyyppimuunnos tarkoittaa arvon tyypin tarkoituksellista muuttamista funktion avulla sen sijaan, että operaattorien annettaisiin muuntaa arvo automaattisesti. Tämä tekee koodista selkeämpää ja turvallisempaa.
console.log(Number("42"))
console.log(String(42))Number-funktio
Number-funktio muuntaa arvon luvuksi. Numeeriset merkkijonot muunnetaan onnistuneesti, mutta ei-numeerisista merkkijonoista tulee NaN.
console.log(Number("3.14"))
console.log(Number(" 10 "))
console.log(Number("abc"))Number-funktion erikoistapaukset
Number käsittelee tyhjän merkkijonon ja null-arvon nollana, mutta undefined muuttuu NaN-arvoksi. Näiden erikoistapausten tunteminen auttaa ehkäisemään virheitä.
console.log(Number(""))
console.log(Number(null))
console.log(Number(undefined))parseInt
parseInt lukee merkkijonon alusta kokonaisluvun ja lopettaa ensimmäiseen ei-numeeriseen merkkiin. Se ohittaa lopussa olevan tekstin.
console.log(parseInt("42px"))
console.log(parseInt("3.99"))
console.log(parseInt("abc"))parseIntin kantaluku
Välittäkää parseInt-funktiolle aina kantaluku, jotta lukujärjestelmä tulee määritetyksi. Käyttäkää tavalliseen desimaalijäsennykseen arvoa 10 epäselvyyksien välttämiseksi.
console.log(parseInt("0x1F", 16))
console.log(parseInt("101", 2))
console.log(parseInt("08", 10))parseFloat
parseFloat lukee merkkijonon alusta liukuluvun ja säilyttää desimaaliosan, jonka parseInt hylkäisi.
console.log(parseFloat("3.14m"))
console.log(parseFloat("1.5e3"))String-funktio
String-funktio muuntaa minkä tahansa arvon tekstiesitykseksi, myös null- ja undefined-arvot, joista tulee sanat null ja undefined.
console.log(String(123))
console.log(String(true))
console.log(String(null))toString-metodi
Useimmilla arvoilla on toString-metodi, joka voi lukujen yhteydessä ottaa kantaluvun ja tuottaa binääri- tai heksadesimaalimuotoista tekstiä.
console.log((255).toString(16))
console.log((5).toString(2))Boolean-funktio
Boolean-funktio muuntaa arvon truthy- ja falsy-sääntöjen perusteella ja palauttaa tulokseksi eksplisiittisesti true- tai false-arvon.
console.log(Boolean(1))
console.log(Boolean(""))
console.log(Boolean("no"))Oikean työkalun valitseminen
Käyttäkää Number-funktiota koko merkkijonon numeeriseen muuntamiseen, parseInt- tai parseFloat-funktiota lukujen poimimiseen sekalaisesta tekstistä ja String- tai toString-funktiota tekstimuotoiseen tulosteeseen.
console.log(Number("100"))
console.log(parseInt("100 dollars", 10))Muunnosten kelvollisuuden tarkistaminen
Kun olette muuntaneet arvon luvuksi, tarkistakaa Number.isNaN-funktiolla, että muunnos onnistui, ennen kuin käytätte tulosta.
const raw = "x9"
const n = Number(raw)
if (Number.isNaN(n)) {
console.log("invalid number")
}Pikatesti
Testatkaa muunnoksia koskevat tietonne.
Kertaus
Kertaus: Muuntakaa tyypit eksplisiittisesti selkeyden vuoksi.
- Number muuntaa kokonaisia merkkijonoja; ei-numeerisista arvoista tulee NaN
- parseInt ja parseFloat poimivat alussa olevat luvut
- Välittäkää parseInt-funktiolle aina kantaluku
- String ja Boolean muuntavat arvot tekstiksi ja totuusarvoiksi
console.log(Number("7"))
console.log(String(7))
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 59
- Oppitunnit
- 200
Usein kysytyt kysymykset
Onko oppitunti ”Eksplisiittiset muunnostekniikat” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Eksplisiittiset muunnostekniikat”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Eksplisiittiset muunnostekniikat”?
Muuntaa tyyppejä tarkoituksellisesti Number-, String- ja Boolean-rakenteilla. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.
Kuinka kauan ”Eksplisiittiset muunnostekniikat”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?
Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Totuusarvoiset ja epätotuusarvoiset arvot
- Väljä ja tiukka yhtäsuuruus
- Implisiittinen tyyppimuunnos operaatioissa
- Eksplisiittiset muunnostekniikat