Extrakce čísel v JavaScriptu

Funkce Number pracuje pouze s řetězci složenými z číslic. Avšak při programování v JavaScriptu často narazíte na situace, kdy potřebujete pracovat s řetězci, na začátku kterých je číslo a poté písmena.

Příkladem takového řetězce může být hodnota v pixelech: '12px'. Předpokládejme, že potřebujeme získat číslo na začátku a zahodit řetězcovou část. Pro tuto operaci existuje funkce parseInt. Podívejme se na její fungování na příkladu:

javascriptlet num = parseInt('12px');
alert(num); // vypíše 12

Pixely však někdy mohou být desetinné: '12.5px'. V tomto případě funkce parseInt selže a vypíše pouze celočíselnou část:

javascriptlet num = parseInt('12.5px');
alert(num); // přesto vypíše 12

Obecně platí, že takové chování může být právě to, co potřebujete. Ale pokud ne - použijte funkci parseFloat, která extrahuje číslo včetně jeho desetinné části:

javascriptlet num = parseFloat('12.5px');
alert(num); // vypíše 12.5

Samozřejmě, absence desetinné části nebrání funkci parseFloat pracovat korektně:

javascriptlet num = parseFloat('12px');
alert(num); // vypíše 12
Задание 1

Je dána proměnná s hodnotou '5px' a proměnná s hodnotou '6px'. Najděte součet pixelů z hodnot těchto proměnných a vypište jej na obrazovku.

Задание 2

Je dána proměnná s hodnotou '5.5px' a proměnná s hodnotou '6.25px'. Najděte součet pixelů z hodnot těchto proměnných a vypište jej na obrazovku.

Задание 3

Upravte předchozí úlohu tak, aby k vypisovanému výsledku byly přidány znaky 'px'. To znamená, že pokud je náš součet 11.75, ať se na obrazovce vypíše '11.75px'.