Numeroiden erottaminen JavaScriptissä

Funktio Number toimii vain numeerisista merkkijonoista. Kuitenkin JavaScript-ohjelmoinnissa tilanteet, joissa joudut käsittelemään merkkijonoja, joiden alussa on numero ja sen jälkeen kirjaimia, ovat yleisiä.

Esimerkki tällaisesta merkkijonosta voisi olla pikseliarvo: '12px'. Oletetaan, että meidän on poimittava alussa oleva numero hyläten merkkijono-osa. Tällaista operaatiota varten on olemassa funktio parseInt. Katsotaanpa sen toimintaa esimerkillä:

javascriptlet num = parseInt('12px');
alert(num); // tulostaa 12

Pikselit voivat kuitenkin joskus olla murtolukuja: '12.5px'. Tässä tapauksessa funktio parseInt epäonnistuu ja tulostaa vain kokonaislukuosan:

javascriptlet num = parseInt('12.5px');
alert(num); // tulostaa silti 12

Yleensä ottaen, on mahdollista, että tällainen käyttäytyminen on juuri sitä, mitä tarvitset. Mutta jos ei - käytä funktiota parseFloat, joka poimii luvun yhdessä sen murtolukuosan kanssa:

javascriptlet num = parseFloat('12.5px');
alert(num); // tulostaa 12.5

Tietenkään, murtolukuosan puuttuminen ei häiritse funktion parseFloat oikeaa toimintaa:

javascriptlet num = parseFloat('12px');
alert(num); // tulostaa 12