Extragerea numerelor în JavaScript

Funcția Number funcționează doar cu șiruri de caractere formate din cifre. Cu toate acestea, în programarea în JavaScript se întâlnesc adesea situații când trebuie să lucrați cu șiruri care încep cu un număr, urmat de litere.

Un exemplu de astfel de șir poate fi valoarea în pixeli: '12px'. Să presupunem că trebuie să extragem numărul de la început, eliminând partea de șir de caractere. Pentru o astfel de operație există funcția parseInt. Să vedem cum funcționează cu un exemplu:

let num = parseInt('12px');
alert(num); // va afișa 12

Însă, pixelii uneori pot fi fracționari: '12.5px'. În acest caz, funcția parseInt nu reușește și afișează doar partea întreagă:

let num = parseInt('12.5px');
alert(num); // va afișa tot 12

În principiu, este posibil ca un astfel de comportament să fie exact ceea ce aveți nevoie. Dar dacă nu - utilizați funcția parseFloat, care extrage numărul împreună cu partea sa fracționară:

let num = parseFloat('12.5px');
alert(num); // va afișa 12.5

Desigur, absența părții fracționare nu împiedică funcția parseFloat să funcționeze corect:

let num = parseFloat('12px');
alert(num); // va afișa 12

Este dată o variabilă cu valoarea '5px' și o variabilă cu valoarea '6px'. Aflați suma pixelilor din valorile acestor variabile și afișați-o pe ecran.

Este dată o variabilă cu valoarea '5.5px' și o variabilă cu valoarea '6.25px'. Aflați suma pixelilor din valorile acestor variabile și afișați-o pe ecran.

Modificați problema anterioară astfel încât la rezultatul afișat să se adauge literele 'px'. Adică, dacă suma noastră este 11.75, atunci pe ecran să se afișeze '11.75px'.