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:

javascriptlet 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ą:

javascriptlet 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ą:

javascriptlet num = parseFloat('12.5px');
alert(num); // wyświetli 12.5

Oczywiście, brak części ułamkowej nie przeszkadza funkcji parseFloat działać poprawnie:

javascriptlet num = parseFloat('12px');
alert(num); // wyświetli 12