Schneller Tipp: So konvertieren Sie eine Zeichenfolge in eine Nummer in JavaScript

Kernpunkte

• JavaScript bietet eine Vielzahl von Möglichkeiten, Strings in Zahlen umzuwandeln, einschließlich Number() Funktionen, parseInt() und parseFloat() -Funktionen sowie der Operator von Unary Plus Sign (). Jede Methode hat ihren eigenen Zweck und kann gemäß den spezifischen Anforderungen des Codes verwendet werden.
• Beim Umwandeln von Zeichenfolgen in Zahlen ist es wichtig, nicht numerische Zeichen zu verarbeiten. Wenn die Zeichenfolge andere Zeichen als Zahlen enthält, gibt die Number() -Funktion NAN zurück, während die Funktionen parseInt() und parseFloat() die Zeichenfolge analysieren, wenn sich die Nummer am Anfang der Zeichenfolge befindet, und die verbleibenden Zeichen wegwerfen.
• Achten Sie darauf, dass das Rückgabeergebnis NAN sein kann. Um zu überprüfen, ob der Wert NAN ist, können Sie die globale Funktion isNaN() verwenden.

JavaScript bietet eine Vielzahl von Datentyp -Konvertierungsmethoden. Wir haben bereits abgedeckt, wie Sie Zahlen in Saiten umwandeln können. In diesem kurzen Tutorial erklären wir, wie Sie Strings in JavaScript in Zahlen umwandeln können.

In vielen Fällen können Zahlen als Saiten gespeichert werden. Zum Beispiel ist der von einem Formularelement empfangene Wert immer eine Zeichenfolge.

Normalerweise können Sie JavaScript-Zeichenfolgen, die Zahlen (und nur Zahlen) als Zahlen enthalten, behandeln, und JavaScript führt automatisch Konvertierung von String nach Number durch. Manchmal müssen Sie jedoch Zahlen aus Strings extrahieren oder mehr Kontrolle darüber haben, wie Sie sich umwandeln.

In diesem schnellen Tipp werden wir drei Möglichkeiten einführen, Strings in Zahlen umzuwandeln.

Konvertieren Sie die Zeichenfolge mit Number() in die Zahl

Die direkteste Möglichkeit, Zeichenfolgen in JavaScript in Zahlen umzuwandeln, besteht darin, den integrierten

Konstruktor zu verwenden. Zum Beispiel: Number

const str = "10";
console.log(str); // "10"
console.log(typeof str); // "string"

const number = Number(str);
console.log(number); // 10
console.log(typeof number); // "number"

Bei der Aufzeichnung des Wertes und seiner Art von

in der Konsole betragen die Ergebnisse 10 bzw. Zeichenfolgen als Zeichenfolgen. Nach der Konvertierung sind die Ergebnisse 10 als Zahlen bzw. Ziffern. str

Sie können das tatsächliche Beispiel in der folgenden Codepen -Demonstration anzeigen.

[Codepen Demo Link (bitte https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)]

Beachten Sie, dass NAN zurückgegeben wird, wenn Sie eine nicht numerische Zeichenfolge an eine Nummer übergeben.

Strings in Zahlen mit

und parseInt() in Zahlen konvertieren parseFloat() Eine andere Möglichkeit besteht darin,

und

zu verwenden. Wie der Name schon sagt, analysiert parseInt() eine Zeichenfolge in eine Ganzzahl, während parseFloat() eine Zeichenfolge mit einem Dezimalpunkt in eine Zahl analysiert. parseInt() parseFloat() Beispiel:

Ähnlich wie bei der ersten Methode sind die Ergebnisse bei der Aufzeichnung des Wertes und seiner Art von

const str = "10.9";
console.log(str); // "10.9"
console.log(typeof str); // "string"

const intNumber = parseInt(str);
console.log(intNumber); // 10
console.log(typeof intNumber); // "number"

const floatNumber = parseFloat(str);
console.log(floatNumber); // 10.9
console.log(typeof floatNumber); // "number"

in der Konsole 10,9 bzw. Zeichenfolgen als Zeichenfolgen. Wenn jedoch

mit str analysiert wird, wird der Wert von parseInt zu 10 und sein Typ ist eine Zahl. str

Andererseits wird beim Parsen parseFloat mit str der Wert von floatNumber 10,9 (als Zahl) und sein Typ ist eine Zahl.

Sie können das tatsächliche Beispiel in der folgenden Codepen -Demonstration anzeigen.

[Codepen Demo Link (bitte https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)]

Der zweite Parameter von

parseInt()

akzeptiert den zweiten Parameter, der die Kardinalität der Anzahl angibt, die aus der Zeichenfolge analysiert werden soll. Dieser Parameter ist tatsächlich optional, aber es wird sehr empfohlen, dass Sie ihn immer bereitstellen. parseInt()

Wenn es keinen solchen zweiten Parameter gibt, führt

eine automatische Kardinalitätserkennung durch. Das heißt, es erkennt die Kardinalität von Zahlen durch das Format in der Zeichenfolge. Zahlen, die mit 0x oder 0x beginnen, gelten als hexadezimal (Basis 16), und alle anderen Zahlen werden als dezimal angesehen. parseInt

Wenn Sie beispielsweise

aufrufen, wird der Eingangswert als Oktalzahl behandelt. Null, nicht acht. parseInt("08")

Um Verwirrung zu vermeiden, geben Sie immer die Kardinalität an, wenn Sie

verwenden. parseInt()

Konvertieren Sie die Zeichenfolge mit einem One-Yuan Plus-Zeichen

in die Nummer.

Die dritte Möglichkeit, eine Zeichenfolge in eine Nummer zu konvertieren, besteht darin, das One-Yuan Plus Sign () zu verwenden. Wenn der Operand vor dem Unary Plus -Zeichen verwendet wird, wird versucht, es in eine Nummer zu konvertieren. Wenn der Operand also eine Zeichenfolge ist, die eine Zahl enthält, wandelt das Unary Plus -Zeichen sie in eine Nummer um.

Beispiel:

const str = "10";
console.log(str); // "10"
console.log(typeof str); // "string"

const number = Number(str);
console.log(number); // 10
console.log(typeof number); // "number"

Wenn Sie den Typ str aufzeichnen, ist es wie erwartet eine Zeichenfolge. Wenn Sie jedoch den Wert von str und seinen Typ 10 und Ziffern in der Konsole erfassen.

Sie können das tatsächliche Beispiel in der folgenden Codepen -Demonstration anzeigen.

[Codepen Demo Link (bitte https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)]

Wie man mit nicht numerischen Zeichen in Strings

umgeht

Betrachten Sie unbedingt den Fall, in dem Zeichenfolgen andere Zeichen als Zahlen enthalten können und wie jeder Ansatz mit dieser Situation umgeht.

Number() Bei Verwendung

, wenn die Zeichenfolge andere Zeichen als Zahlen, plus () und minus (-) zu Beginn oder Dezimalpunkten enthält, ist der Rückgabewert der Sonderwert NAN (nicht nummerieren). NAN ist ein globales Attribut, das eine nicht numerische darstellt. Wenn die Operanden oder Parameter dieser Operationen keine Zahlen sind oder nicht für diesen bestimmten mathematischen Betrieb verwendet werden können, gibt es einige numerische Operationen zurück.

parseInt() Andererseits wird parseFloat() und

die Zeichenfolge analysieren, wenn die Zahl am Anfang der Zeichenfolge liegt. Es verwaltet die verbleibenden Zeichen und nimmt die am Anfang der Zeichenfolge aufgetretene Nummer auf. Wenn die Zeichenfolge jedoch mit einem anderen Charakter als einer Zahl, einem Plus () und einem Minus (-) zu Beginn oder einem Dezimalpunkt beginnt, ist der Rückgabewert der Spezialwert NAN (nicht nummerieren).

Sie können das tatsächliche Beispiel in der folgenden Codepen -Demonstration anzeigen.

[Codepen Demo Link (bitte https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)]

Wie Sie sehen können, gibt Number() nan zurück, da die Zeichenfolge PX enthält. parseInt() gibt jedoch 10 zurück, da es sich am Anfang der Zeichenfolge befindet.

Sie können die globale Funktion isNaN() verwenden, um zu überprüfen, ob der Wert NAN ist.

Schlussfolgerung

Dieses kurze Tutorial führt drei Möglichkeiten ein, Strings in Zahlen in JavaScript umzuwandeln. Number() Sie können Strings in Zahlen umwandeln, unabhängig davon, ob sie schwimmende Punktzahlen oder Ganzzahlen sind. Wenn die Zeichenfolge jedoch andere Zeichen enthält, wird Nan zurückgegeben. Dies ist nützlich, wenn Sie eine strenge Umwandlung von Strings gewährleisten möchten.

hingegen sind parseInt() und parseFloat() flexibler im Umgang mit anderen Zeichen in Zahlen. In einigen Fällen können die beiden Funktionen jedoch nicht synonym verwendet werden. Wenn die Zahl in der Zeichenfolge beispielsweise eine schwimmende Punktnummer ist und Sie parseInt() verwenden, erhalten Sie im Vergleich zur Zeichenfolge einen falschen Wert.

Während das One-Yuan Plus-Zeichen einfach zu bedienen ist, kann es die Lesbarkeit des Codes verringern. Unabhängig davon, welche Methode Sie auswählen, stellen Sie sicher, dass das Rückgabeergebnis möglicherweise NAN sein kann.

Wenn Sie diesen Artikel nützlich finden, können Sie auch Folgendes mögen:

• Lernen Sie, JavaScript -Programmierung
zu verwenden
• wie man JavaScript schnell lernt: sechs einfache Denktipps (https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)
• 25 JavaScript Abkürzung Coding -Fähigkeiten (https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)
• ES6 Praktische Praxis: Neue digitale Methode (https://www.php.cn/link/a1d41c14c1d0aa9b9cc1e228d962fe42)
• ES6 Praktische Praxis: Neue String -Methode - String.Prototype.
wahre und falsche Werte: Nicht alles in JavaScript ist gleich (https://www.php.cn/link/A1D41C14C1D0AA9B9CC1E228D962FE42)

FAQs beim Konvertieren von Zeichenfolgen in Zahlen in JavaScript

Was sind die verschiedenen Möglichkeiten, Strings in Zahlen in JavaScript umzuwandeln?

Es gibt verschiedene Möglichkeiten, Zeichenfolgen in JavaScript in Zahlen umzuwandeln. Zu den am häufigsten verwendeten Methoden gehören

Funktionen, Number() Funktionen, parseInt() Funktionen und Unary Plus Sign () Operatoren. Jede Methode hat ihren eigenen Zweck und kann gemäß den spezifischen Anforderungen des Codes verwendet werden. parseFloat()

Wie funktionieren Funktionen in JavaScript? Number()

Die

-Funktion in JavaScript kann verwendet werden, um Zeichenfolgen in Zahlen umzuwandeln. Es dauert eine Zeichenfolge als Argument und gibt eine Nummer zurück. Wenn die Zeichenfolge nicht in eine Zahl konvertiert werden kann, wird NAN (nicht nummerieren) zurückgegeben. Zum Beispiel wird Number() 1234 zurückgeben, während Number("1234") Nan zurückgibt. Number("1234abc")Was ist der Unterschied zwischen

parseInt() und parseFloat() in JavaScript?

parseInt() und parseFloat() werden verwendet, um Strings in JavaScript in Zahlen umzuwandeln. Der Unterschied ist die Art von numerischer, die sie zurückgeben. parseInt() Gibt eine Ganzzahl zurück, während parseFloat() eine schwimmende Punktzahl zurückgibt. Zum Beispiel wird parseInt("123.45") 123 zurückgeben, während parseFloat("123.45") 123.45 zurückgibt.

So verwenden Sie den Operator Unary Plus sign (), um eine Zeichenfolge in eine Nummer in JavaScript zu konvertieren?

Der Unary Plus Sign () -Operator kann verwendet werden, um eine Zeichenfolge in eine Zahl in JavaScript umzuwandeln. Es wird vor der Zeichenfolge wie folgt platziert: "1234". Dadurch wird die Nummer 1234 zurückgegeben. Wenn die Zeichenfolge nicht in eine Zahl konvertiert werden kann, wird NAN zurückgegeben.

Was passiert, wenn ich versuche, eine nicht numerische Zeichenfolge in eine Nummer in JavaScript umzuwandeln?

Wenn Sie versuchen, eine nicht numerische Zeichenfolge mit einer der oben genannten Methoden in eine Zahl in JavaScript umzuwandeln, gibt es NAN zurück, d. H. Nicht-numerisch.

Wie kann ich überprüfen, ob die Konvertierung von String in JavaScript erfolgreich ist?

Sie können die Funktion isNaN() in JavaScript verwenden, um zu prüfen, ob die Konvertierung von einer Zeichenfolge zu einer Nummer erfolgreich ist. Wenn der Parameter nicht nummeriert ist (NAN), gibt diese Funktion wahr, sonst falsch zurück.

Kann ich eine Zeichenfolge in eine Zahl in JavaScript konvertieren, ohne integrierte Funktionen zu verwenden?

Ja, Zeichenfolgen können in JavaScript in Zahlen umgewandelt werden, ohne integrierte Funktionen zu verwenden, obwohl dies komplexer ist und für Anfänger nicht empfohlen wird. Eine Möglichkeit besteht darin, über jedes Zeichen in der Zeichenfolge mit einer Schleife zu iterieren und die Zahl mit dem ASCII -Wert der Zahl zu berechnen.

Wie kann man eine Zeichenfolge in eine Ganzzahl in JavaScript konvertieren?

Sie können die Funktion parseInt() verwenden, um eine Zeichenfolge in eine Ganzzahl in JavaScript zu konvertieren. Diese Funktion nimmt eine Zeichenfolge als Argument und gibt eine Ganzzahl zurück. Wenn die Zeichenfolge nicht in eine Ganzzahl konvertiert werden kann, wird NAN zurückgegeben.

Wie konvertiere ich eine Zeichenfolge in eine schwimmende Punktzahl in JavaScript?

Sie können die Funktion parseFloat() verwenden, um eine Zeichenfolge in eine schwimmende Punktnummer in JavaScript umzuwandeln. Diese Funktion nimmt eine Zeichenfolge als Argument und gibt eine schwimmende Punktzahl zurück. Wenn die Zeichenfolge nicht in eine schwimmende Punktzahl konvertiert werden kann, wird NAN zurückgegeben.

Was ist der beste Weg, um eine Zeichenfolge in eine Zahl in JavaScript umzuwandeln?

Der beste Weg, um eine Zeichenfolge in eine Zahl in JavaScript umzuwandeln, hängt von Ihren spezifischen Anforderungen ab. Wenn Sie Ganzzahlen benötigen, verwenden Sie parseInt(). Wenn Sie schwimmende Punktzahlen benötigen, verwenden Sie parseFloat(). Wenn Sie sich nicht sicher sind, verwenden Sie die Funktion Number() oder den Unary Plus Sign () -Operator, da sie Ganzzahlen und schwimmende Punktzahlen verarbeiten können.

Bitte beachten Sie, dass ich mein Bestes versucht habe, den Originaltext zu pseudo-originalisiert und das Originalformat und die Position des Bildes erhalten. Da ich nicht auf externe Websites und Bildlinks zugreifen kann, kann ich die Gültigkeit von Bildlinks nicht überprüfen. Bei Bedarf geben Sie bitte die lokale Datei des Bildes an.

Das obige ist der detaillierte Inhalt vonSchneller Tipp: So konvertieren Sie eine Zeichenfolge in eine Nummer in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!