Wyodrębnianie liczb w JavaScript
Funkcja Number działa tylko
z ciągami znaków składającymi się z cyfr.
Jednakże, podczas programowania w JavaScript
często spotykamy sytuacje, gdy musisz
pracować z ciągami znaków, na początku których
znajduje się liczba, a następnie litery.
Przykładem takiego ciągu może być wartość
w pikselach: '12px'. Załóżmy, że potrzebujemy
pobrać liczbę znajdującą się na początku, odrzucając
część tekstową. Do takiej operacji istnieje
funkcja parseInt. Spójrzmy na jej działanie
na przykładzie:
let num = parseInt('12px');
alert(num); // wyświetli 12
Piksele jednak czasami są ułamkowe:
'12.5px'. W tym przypadku funkcja parseInt
nie radzi sobie i wyświetla tylko część całkowitą:
let num = parseInt('12.5px');
alert(num); // nadal wyświetli 12
Ogólnie rzecz biorąc, możliwe, że takie zachowanie - to
właśnie to, czego potrzebujesz. Ale jeśli nie - użyj
funkcji parseFloat, która wyodrębnia
liczbę wraz z jej częścią ułamkową:
let num = parseFloat('12.5px');
alert(num); // wyświetli 12.5
Oczywiście, brak części ułamkowej nie przeszkadza
funkcji parseFloat działać poprawnie:
let num = parseFloat('12px');
alert(num); // wyświetli 12
Dana jest zmienna o wartości '5px' i
zmienna o wartości '6px'. Znajdź
sumę pikseli z wartości tych zmiennych
i wyświetl ją na ekranie.
Dana jest zmienna o wartości '5.5px'
i zmienna o wartości '6.25px'.
Znajdź sumę pikseli z wartości tych zmiennych
i wyświetl ją na ekranie.
Zmodyfikuj poprzednie zadanie tak, aby
do wyświetlanego wyniku dodane zostały litery
'px'. To znaczy, jeśli nasza suma wynosi
11.75, to na ekranie niech wyświetli się
'11.75px'.
