Getallen extraheren in JavaScript

De functie Number werkt alleen met strings die uit cijfers bestaan. Bij het programmeren in JavaScript komt het echter vaak voor dat je te maken krijgt met strings waarin een getal aan het begin staat, gevolgd door letters.

Een voorbeeld van zo'n string is een waarde in pixels: '12px'. Stel dat we het getal aan het begin moeten eruit halen en het stringgedeelte moeten weggooien. Voor zo'n bewerking bestaat de functie parseInt. Laten we eens kijken naar een voorbeeld van hoe het werkt:

javascriptlet num = parseInt('12px');
alert(num); // geeft 12 weer

Pixels zijn echter soms fractioneel: '12.5px'. In dit geval kan de functie parseInt het niet aan en geeft alleen het gehele deel weer:

javascriptlet num = parseInt('12.5px');
alert(num); // geeft nog steeds 12 weer

In het algemeen is het mogelijk dat dit gedrag precies is wat je nodig hebt. Maar zo niet, gebruik dan de functie parseFloat, die het getal inclusief het breukdeel extraheert:

javascriptlet num = parseFloat('12.5px');
alert(num); // geeft 12.5 weer

Natuurlijk weerhoudt de afwezigheid van een breukdeel de functie parseFloat er niet van correct te werken:

javascriptlet num = parseFloat('12px');
alert(num); // geeft 12 weer