Zahlen extrahieren in JavaScript

Die Funktion Number funktioniert nur mit Strings, die ausschließlich aus Ziffern bestehen. Beim Programmieren in JavaScript trifft man jedoch häufig auf Situationen, in denen man es mit Strings zu tun hat, die mit einer Zahl beginnen und danach Buchstaben folgen.

Ein Beispiel für einen solchen String ist ein Wert in Pixeln: '12px'. Nehmen wir an, wir müssen die führende Zahl extrahieren und den String-Teil verwerfen. Für eine solche Operation existiert die Funktion parseInt. Sehen wir uns ihre Funktionsweise an einem Beispiel an:

javascriptlet num = parseInt('12px');
alert(num); // gibt 12 aus

Pixel können jedoch manchmal gebrochene Werte sein: '12.5px'. In diesem Fall versagt die Funktion parseInt und gibt nur den ganzzahligen Teil aus:

javascriptlet num = parseInt('12.5px');
alert(num); // gibt trotzdem 12 aus

Im Grunde kann dieses Verhalten genau das sein, was Sie benötigen. Wenn nicht, verwenden Sie die Funktion parseFloat, die die Zahl inklusive ihres Nachkommateils extrahiert:

javascriptlet num = parseFloat('12.5px');
alert(num); // gibt 12.5 aus

Selbstverständlich beeinträchtigt das Fehlen eines Nachkommateils nicht die korrekte Funktionsweise der Funktion parseFloat:

javascriptlet num = parseFloat('12px');
alert(num); // gibt 12 aus