Heim > Web-Frontend > js-Tutorial > Wie kann ich Zahlen effizient aus Zeichenfolgen in JavaScript extrahieren?

Wie kann ich Zahlen effizient aus Zeichenfolgen in JavaScript extrahieren?

Mary-Kate Olsen
Freigeben: 2024-12-13 22:56:11
Original
762 Leute haben es durchsucht

How Can I Efficiently Extract Numbers from Strings in JavaScript?

Zahlen aus Zeichenfolgen in JavaScript extrahieren

In JavaScript kann das Abrufen einer Zahl aus einer Zeichenfolge auf verschiedene Arten erreicht werden. Betrachten wir ein Szenario, in dem Sie eine Zeichenfolge wie „#box2“ haben und den numerischen Teil, in diesem Fall „2“, extrahieren müssen.

Fehlgeschlagener Versuch

Wie im Problem erwähnt, funktioniert die Verwendung des folgenden Codes nicht:

var thenum = thestring.replace(/(^.+)(\w\d+\w)(.+$)/i, '');
Nach dem Login kopieren

Dieser Code dient zum Erfassen eines Wortzeichens, gefolgt von Ziffern und ein anderes Wortzeichen, aber es entfernt keine Nicht-Ziffern aus dem Ergebnis.

Lösung

Für dieses spezielle Beispiel lautet der richtige Code:

var thenum = thestring.replace(/^\D+/g, '');
Nach dem Login kopieren

Dieser Code ersetzt alle führenden Nicht-Ziffern (Zeichen, die keine Ziffern sind) durch eine leere Zeichenfolge, sodass Sie nur noch das haben Zahl.

Allgemeiner Fall

Im allgemeinen Fall können Sie den folgenden Code verwenden, um eine Zahl aus einer Zeichenfolge zu extrahieren:

thenum = "foo3bar5".match(/\d+/)[0];
Nach dem Login kopieren

Dieser Code verwendet einen regulären Ausdruck, um nach einer oder mehreren Ziffern in der Zeichenfolge zu suchen, und gibt die erste Übereinstimmung als Zeichenfolge zurück.

Bonus: Regex-Generator

Zu Ihrer Bequemlichkeit stehen Online-Tools zur Verfügung, die Ihnen bei der Generierung regulärer Ausdrücke helfen können. Ein solches Tool ist der „RegExp Generator“ (im bereitgestellten Codebeispiel verlinkt).

Das obige ist der detaillierte Inhalt vonWie kann ich Zahlen effizient aus Zeichenfolgen in JavaScript extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage