Pridobivanje števil v JavaScript

Funkcija Number deluje samo z nizi, sestavljenimi iz števk. Vendar pa se pri programiranju v JavaScript pogosto srečujemo s situacijami, ko se moramo ukvarjati z nizi, na začetku katerih je število, čemur sledijo črke.

Primer takega niza je vrednost v slikovnih pikah: '12px'. Recimo, da moramo pridobiti številko na začetku in zavreči del z nizom. Za takšno operacijo obstaja funkcija parseInt. Oglejmo si njeno delovanje na primeru:

let num = parseInt('12px');
alert(num); // izpiše 12

Vendar so slikovne pike včasih delne: '12.5px'. V tem primeru funkcija parseInt ne uspe in izpiše le celoštevilski del:

let num = parseInt('12.5px');
alert(num); // kljub temu izpiše 12

Na splošno je mogoče, da je ravno takšno vedenje tisto, kar potrebujete. Če pa ni - uporabite funkcijo parseFloat, ki pridobi število skupaj z njegovim decimalnim delom:

let num = parseFloat('12.5px');
alert(num); // izpiše 12.5

Seveda odsotnost decimalnega dela ne preprečuje funkciji parseFloat, da ne bi delovala pravilno:

let num = parseFloat('12px');
alert(num); // izpiše 12

Podana je spremenljivka z vrednostjo '5px' in spremenljivka z vrednostjo '6px'. Poiščite vsoto slikovnih pik iz vrednosti teh spremenljivk in jo izpišite na zaslon.

Podana je spremenljivka z vrednostjo '5.5px' in spremenljivka z vrednostjo '6.25px'. Poiščite vsoto slikovnih pik iz vrednosti teh spremenljivk in jo izpišite na zaslon.

Spremenite prejšnjo nalogo tako, da se k izpisanemu rezultatu dodajo črke 'px'. To pomeni, če je naša vsota 11.75, naj se na zaslon izpiše '11.75px'.