Extrahera tal i JavaScript

Funktionen Number fungerar bara med strängar som består av siffror. Men när man programmerar i JavaScript uppstår ofta situationer där du behöver hantera strängar som börjar med ett tal, följt av bokstäver.

Ett exempel på en sådan sträng är ett värde i pixlar: '12px'. Låt oss säga att vi behöver få ut talet i början och kassera strängdelen. För en sådan operation finns funktionen parseInt. Låt oss titta på dess funktion med ett exempel:

let num = parseInt('12px');
alert(num); // visar 12

Pixlar kan dock ibland vara decimaltal: '12.5px'. I det här fallet klarar inte funktionen parseInt av det och visar bara heltalsdelen:

let num = parseInt('12.5px');
alert(num); // visar fortfarande 12

I allmänhet är det möjligt att detta beteende är exakt vad du behöver. Men om inte - använd funktionen parseFloat, som extraherar talet tillsammans med dess decimaldel:

let num = parseFloat('12.5px');
alert(num); // visar 12.5

Naturligtvis stör inte avsaknaden av en decimaldel funktionen parseFloat från att fungera korrekt:

let num = parseFloat('12px');
alert(num); // visar 12

Det finns en variabel med värdet '5px' och en variabel med värdet '6px'. Hitta summan av pixlar från värdena för dessa variabler och visa den på skärmen.

Det finns en variabel med värdet '5.5px' och en variabel med värdet '6.25px'. Hitta summan av pixlar från värdena för dessa variabler och visa den på skärmen.

Modifiera föregående uppgift så att bokstäverna 'px' läggs till i det resulterande utdatat. Det vill säga, om vår summa är 11.75, låt skärmen visa '11.75px'.