Einführung in drei Methoden zum Konvertieren von Zeichenfolgen in Zahlen in JavaScript

In unserem täglichen Entwicklungsprozess werden wir unabhängig von der Sprache, die wir entwickeln, auf die Notwendigkeit stoßen, Strings in Zahlen umzuwandeln. Ich glaube, viele Freunde kennen viele Möglichkeiten, dies zu erreichen, also werde ich es heute tun Geben Sie eine detaillierte Einführung in die drei Methoden von JavaScript, um Zeichenfolgen in Zahlen umzuwandeln!

Wenn js ein Textfeld oder andere Formulardaten liest, ist der erhaltene Wert beispielsweise zwei Textfelder a und b, wenn der Wert von a 11 und der Wert von b ist 9, dann sollte a.value kleiner sein als b.value, da beide in Form von Zeichenfolgen vorliegen. Ich habe im Internet Artikel zum Konvertieren von js-Zeichenfolgen gefunden

Es gibt Drei Hauptmethoden:

Konvertierungsfunktion, erzwungene Typkonvertierung und schwache Typkonvertierung mithilfe von JS-Variablen.

1. Konvertierungsfunktion:

js bietet zwei Konvertierungsfunktionen: parseInt() und parseFloat(). Ersteres wandelt den Wert in eine Ganzzahl um, und letzteres wandelt den Wert in eine Gleitkommazahl um. Nur durch den Aufruf dieser Methoden für den Typ String können diese beiden Funktionen korrekt ausgeführt werden. Für andere Typen wird NaN (Not a Number) zurückgegeben.

Einige Beispiele sind wie folgt:

Der Code lautet wie folgt:

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

Die parseInt()-Methode verfügt auch über einen Basismodus, der binär und oktal konvertieren kann , hexadezimal oder eine andere Hexadezimalzeichenfolge in eine Ganzzahl umwandeln. Die Basis wird durch den zweiten Parameter der parseInt()-Methode angegeben. Ein Beispiel lautet wie folgt:

Der Code lautet wie folgt:

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10

Wenn die Dezimalzahl eine führende 0 enthält, Dann ist es besser, die Basis 10 zu verwenden. Auf diese Weise erhalten Sie nicht versehentlich einen Oktalwert. Zum Beispiel:

Der Code lautet wie folgt:

parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

Die Methode parseFloat() wird ähnlich wie die Methode parseInt() verarbeitet.
Ein weiterer Unterschied bei der Verwendung der Methode parseFloat() besteht darin, dass die Zeichenfolge eine Gleitkommazahl in Dezimalform darstellen muss und parseFloat() keinen Basismodus hat.

Das Folgende ist ein Beispiel für die Verwendung der parseFloat()-Methode:

Der Code lautet wie folgt:

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

2. Erzwungene Typkonvertierung

Sie können auch erzwungene Typen verwenden. Typumwandlung befasst sich mit der Konvertierung des Typs eines Werts. Verwenden Sie eine Umwandlung, um auf einen bestimmten Wert zuzugreifen, auch wenn dieser von einem anderen Typ ist.
Die drei Arten von Umwandlungen, die in ECMAScript verfügbar sind, sind wie folgt:
Boolean(value) – Konvertieren Sie den angegebenen Wert in einen booleschen Typ;
Number(value) – Konvertieren Sie den angegebenen Wert in eine Zahl (Kann eine sein Ganzzahl oder Gleitkommazahl);
String(value) – Konvertieren Sie den angegebenen Wert in einen String.
Durch die Konvertierung eines Werts mit einer dieser drei Funktionen wird ein neuer Wert erstellt, der den direkt aus dem Originalwert konvertierten Wert speichert. Dies kann unbeabsichtigte Folgen haben.
Die Funktion Boolean() gibt true zurück, wenn der umzuwandelnde Wert eine Zeichenfolge mit mindestens einem Zeichen, eine Zahl ungleich Null oder ein Objekt ist (dies wird im nächsten Abschnitt erläutert). Wenn der Wert eine leere Zeichenfolge, die Zahl 0, undefiniert oder null ist, wird „false“ zurückgegeben.

Sie können das folgende Code-Snippet verwenden, um die Boolesche Typumwandlung zu testen.

Der Code lautet wie folgt:

Boolean(""); //false – empty string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

Die Umwandlung von Number() ähnelt den Methoden parseInt() und parseFloat(), außer dass sie den gesamten Wert und nicht einen Teil konvertiert davon Wert. Ein Beispiel lautet wie folgt:

Der Code lautet wie folgt:

Verwendungsergebnisse

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

Die letzte Umwandlungsmethode, String(), ist die einfachste , und das Beispiel lautet wie folgt:

Der Code lautet wie folgt:

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work, causes an error

3. Verwenden Sie die schwache Typkonvertierung von js-Variablen

Geben Sie ein kleines Beispiel werde es auf einen Blick verstehen.

Der Code lautet wie folgt:

<script>
var str= &#39;012.345 &#39;;
var x = str-0;
x = x*1;
</script>

Das obige Beispiel nutzt die schwachen Typeigenschaften von js und führt nur arithmetische Operationen aus, um eine Typkonvertierung von einer Zeichenfolge in eine Zahl zu erreichen Methode funktioniert immer noch nicht Empfohlen

Zusammenfassung:

In diesem Artikel werden die drei Methoden zum Konvertieren von Zeichenfolgen in Zahlen in JavaScript ausführlich vorgestellt Codebeispiele. Es gibt verschiedene Methoden. Sie können die für Sie passende auswählen. Ich hoffe, dass sie für Ihre Arbeit hilfreich ist.

Verwandte Empfehlungen:

Implementierungsmethoden zum Konvertieren von js-Strings in Zahlen und Zahlen in Strings

JavaScript Advanced (4) Konvertieren von JS-Strings in Zahlen

PHP Statistics Chinese Characters Länge des Strings String konvertieren zur Nummer

Das obige ist der detaillierte Inhalt vonEinführung in drei Methoden zum Konvertieren von Zeichenfolgen in Zahlen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!