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

Key Takeaways

• JavaScript bietet vier Möglichkeiten, eine Zahl in eine Zeichenfolge umzuwandeln: String -Interpolation, String -Verkettung, toString () -Methode und String () -Konstruktor -Funktion. Die Auswahl der Methode hängt von den spezifischen Anforderungen und Anwendungsfällen ab.
• String -Interpolation und String -Verkettung werden am besten verwendet, wenn Zahlen in eine Zeichenfolge einbezogen werden. Diese Methoden können den Code jedoch weniger lesbar machen, insbesondere bei String -Verkettung, was zu unerwarteten Ergebnissen führen kann, wenn sie mit mehr als einer Zahl verwendet werden.
• Der Hauptunterschied zwischen der Verwendung von String () und toString () besteht darin, dass String () mit undefinierten und Nullwerten funktioniert, während toString () nicht der Fall ist. Wenn daher die Chance besteht, dass ein Wert undefiniert oder null ist, ist es sicherer, String () zu verwenden.

JavaScript ist sehr flexibel und bietet viele verschiedene Möglichkeiten, zwischen Datentypen umzuwandeln. In diesem kurzen Tutorial werden wir uns ansehen, wie Sie eine Nummer in eine Zeichenfolge in JavaScript umwandeln können. Möglicherweise möchten Sie dies tun, um die Zahlendaten für Benutzer lesbarer zu gestalten - zum Beispiel, um die Nummer als Teil eines Satzes anzuzeigen. In diesem Tutorial werden vier Möglichkeiten untersucht, um eine Zahl in eine Zeichenfolge in JavaScript umzuwandeln. Wir empfehlen unterschiedliche Ansätze, abhängig von Ihren spezifischen Anforderungen und Anwendungsfällen:

• String -Interpolation: Wenn Sie einen Zahlenwert in eine Zeichenfolge einfügen. Zum Beispiel auf einer Webseite wie "Sie haben 7 Credits aus 24" verwendet. Sie können auch Verkettung verwenden, aber achten Sie auf.
• String oder toString (): Beim Ändern des Typs eines Zahlenwerts in eine Zeichenfolge. Beispielsweise verwenden Sie Zahlen als Eingänge für Funktionen oder APIs, die eine Zeichenfolge erwarten. String und ToString () sind meistens gleich, behandeln jedoch undefinierte und Nullvariablen unterschiedlich.

Möglicherweise sind Sie auch daran interessiert, wie Sie eine Zeichenfolge in eine Nummer konvertieren können, wenn Sie die entgegengesetzte Aktion ausführen möchten.

Konvertieren Sie eine Zahl mit Interpolation

in eine Zeichenfolge.

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Die Interpolation ist wahrscheinlich die lesbarste Möglichkeit, Zahlen in Saiten zu verwenden. Anstatt die Nummer manuell in eine Zeichenfolge zu konvertieren, können Sie sie mit dieser Methode in eine Zeichenfolge einfügen. Um die Interpolation zu verwenden, wickeln Sie eine Zeichenfolge mit Backticks (`) anstelle von Anführungszeichen (" oder ') ein. In der Zeichenfolge können Sie eine Variable verwenden, die "$ {}` als Platzhalter hat eine Vielzahl anderer großer Vorteile. Zum Beispiel: Da die in der Konsole angemeldete Zeichenfolge mit Backticks eingewickelt ist, können Sie eine Variable mit $ {} in die Zeichenfolge einfügen. Sie können das Beispiel in Aktion in der folgenden Codepen -Demo sehen.

Siehe den Stift String -Interpolation in JavaScript von SitePoint (@sitepoint) auf Codepen.

Umwandeln Sie eine Zahl mit der String -Verkettung

in eine Zeichenfolge. Der zweite Ansatz ist die String -Verkettung. Sie können eine Nummer mit dem Bediener in eine Zeichenfolge konvertieren. Zum Beispiel:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Siehe den Stift Die Nummer mit der Verkettung durch SitePoint (@sinepoint) in die Zeichenfolge konvertieren. auf Codepen.

Obwohl dieser Ansatz effizient ist (da er die geringste Menge an Code erfordert), kann der Code weniger lesbar werden.

Eine String -Verkettung Vorbehalt

Bei Verwendung dieses Ansatzes mit mehr als einer Zahl kann ein unerwartetes Ergebnis stattfinden. Zum Beispiel:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Da ein B zuerst bewertet wird, bevor die Schnur erreicht ist, ist die Operation eher eine numerische Ergänzung als eine String -Verkettung. Sobald eine Stringvariable oder ein wörtliches Erfolgen erreicht ist, wird die Operation zu einer String -Verkettung. Das Ergebnis ist also 2468 Autobahn. Versuchen Sie jedoch, den Code in Folgendes zu ändern:

<span>console.log(10 + "USD"); //"10USD"
</span><span>console.log(10 + ""); //"10"
</span>

Da "es" a zuerst bewertet wird, wird der Bediener für den Rest des Ausdrucks zur String -Verkettung verwendet. Anstelle einer Additionsoperation zwischen A und B wie im vorherigen Beispiel wird es zu einer String -Verkettung zwischen den beiden. Dies kann mit Klammern gelöst werden:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log(a + b + " motorway"); // "2468 motorway"
</span>

Die Zugabe zwischen A und B wird zuerst durchgeführt, was zum Additionsbetrieb zwischen den beiden Variablen führt. Dann wird für den Rest des Ausdrucks eine String -Verkettung verwendet, da der erste Operand "es ist" ist.

eine Zahl mit dem Toststring

in eine Zeichenfolge konvertieren Der dritte Ansatz ist die Verwendung der Methode toString (). Diese Methode ist für alle JavaScript -Datentypen, einschließlich Zahlen, verfügbar. Es konvertiert den Wert der Anzahl, für die sie verwendet wird, und gibt es zurück. Zum Beispiel:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"
</span>

Dieses Beispiel zeigt das gleiche Ergebnis wie das des ersten Ansatzes. Sie können es auch in der folgenden Codepen -Demo in Aktion sehen.

Siehe den Stift JS Konvertieren Sie die Nummer in die Zeichenfolge mit toString () von sitepoint (@sinepoint) auf Codepen.

eine Zahl mit String

in eine Zeichenfolge konvertieren Der vierte Ansatz ist die Verwendung der String () -Konstruktor -Funktion. Diese Funktion akzeptiert die Variable, die als erster Parameter konvertiert wird. Es wandelt den Parameter in eine Zeichenfolge um und gibt ihn zurück. Zum Beispiel:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"
</span>

Bei der Protokollierung des Wertes der Zahl und des Typs in der Konsole beträgt das Ergebnis 10 bzw. die Zahl. Nach dem Konvertieren ist das Ergebnis 10 als Zeichenfolge bzw. Zeichenfolge. Sie können das Beispiel in Aktion in der folgenden Codepen -Demo sehen.

Siehe den Stift JS Konvertieren Sie die Nummer mit String () von SitePoint (@sitepoint) in Zeichenfolge um. auf Codepen.

Schlussfolgerung

Dieses Tutorial zeigt Ihnen vier Ansätze, mit denen Sie eine Nummer in eine Zeichenfolge in JavaScript konvertieren können. Obwohl diese Methoden bei Verwendung mit Zahlen die gleichen Ergebnisse erzielen können, gibt es einige Fälle, in denen ein Ansatz besser wäre als die anderen. Der Hauptunterschied zwischen der Verwendung von String () und toString () besteht darin, dass String () mit undefinierten und Nullwerten funktioniert, während toString () nicht der Fall ist. Wenn Sie also einen Wert haben, der eine Zahl enthalten sollte, aber Sie bei der Konvertierung in eine Zeichenfolge sicher sein möchten, können Sie String () verwenden. Für String -Interpolation und String -Verkettung werden sie am besten verwendet, wenn sie Zahlen in einer Zeichenfolge verwenden. Andernfalls kann die Verwendung dieser Methoden den Code weniger lesbar machen. Wenn Sie diesen Artikel als nützlich empfanden, können Sie auch Folgendes genießen:

• Schnelltipp: So konvertieren Sie eine Zahl in eine Zeichenfolge in JavaScript
• Lernen Sie, mit JavaScript
zu codieren.
• wie man JavaScript schnell lernt: Sechs einfache Mindtricks
• 25 JavaScript -Kurzcodierungstechniken
• ES6 in Aktion: Neue Zahlenmethoden
• es6 in Aktion: Neue String -Methoden - String.Prototype.*

wahrheits- und falsy -Werte: Wenn in JavaScript nicht alles gleich ist

häufig gestellte Fragen (FAQs) zum Konvertieren von Zahlen in Zeichenfolgen in JavaScript

Welche Bedeutung hat die Bedeutung der Konvertierung von Zahlen in Zeichenfolgen in JavaScript? Es ist besonders nützlich, wenn Sie dem Benutzer numerische Daten anzeigen, Verkettungsvorgänge mit Zeichenfolgen ausführen oder Zahlen in einem Format speichern müssen, das leicht lesbar und manipulierbar ist. Wenn Sie beispielsweise eine Nummer in einem Textfeld auf einer Webseite anzeigen möchten, müssten Sie sie zuerst in eine Zeichenfolge konvertieren, da Textfelder nur Zeichenfolge Daten akzeptieren.

Wie kann ich eine Nummer konvertieren zu einer Zeichenfolge mit der Methode toString ()? Hier ist ein einfaches Beispiel:

Sei Num = 123;

Sei Str = num.toString ();
console.log (str); // Ausgänge: "123"
In diesem Code wird die Nummer 123 unter Verwendung der Methode toString () in eine Zeichenfolge konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

Kann ich eine Nummer konvertieren zu einer Zeichenfolge ohne die Methode toString ()? Eine alternative Möglichkeit besteht darin, die Funktion String () zu verwenden. Hier ist ein Beispiel:

Sei Num = 123;

Sei Str = String (num);

console.log (str); // Ausgänge: "123"

In diesem Code wird die Nummer 123 mit der Funktion String () in eine Zeichenfolge konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

Wie kann ich eine Gleitpunktzahl in eine Zeichenfolge in JavaScript konvertieren? Sie können entweder die Methode toString () oder die Funktion String () verwenden. Hier ist ein Beispiel mit der Methode toString ():

Sei Num = 123.45;

Sei Str = num.toString (); // Ausgänge: "123.45"
In diesem Code wird die Gleitkomma-Nummer 123.45 unter Verwendung der Methode toString () in eine Zeichenfolge konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

kann ich ich Geben Sie einen Radix an, wenn Sie eine Nummer in eine Zeichenfolge in JavaScript konvertieren? Der Radix kann eine ganze Zahl zwischen 2 und 36 sein. Hier ist ein Beispiel:
Sei Num = 123;

Sei Str = num.toString (16);

Konsole.log (str); // Ausgänge: "7b"

In diesem Code wird die Nummer 123 mit der Methode toString () mit einem Radix von 16 in eine hexadezimale (Basis 16) -Skette konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

Wie kann ich eine Nummer in eine Zeichenfolge in wissenschaftlicher Notation in JavaScript umwandeln? Hier ist ein Beispiel:
Sei Num = 123;
Sei Str = num.toexponential ();
console.log (str); // Ausgänge: "1.23E 2"

In diesem Code wird die Nummer 123 mit der Methode toxponential () in eine Zeichenfolge in wissenschaftlicher Notation konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

Wie kann ich eine Zahl in eine Zeichenfolge mit einer bestimmten Anzahl von Dezimalstellen in JavaScript umwandeln? . Hier ist ein Beispiel:

Sei Num = 123.456;
Sei Str = num.tofixed (2); // Ausgänge: "123.46"
In diesem Code wird die Nummer 123.456 mit zwei Dezimalstellen unter Verwendung der methodischen Methode () in eine Zeichenfolge konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

kann dann an der Konsole protokolliert. Ich konvertiere eine Zeichenfolge in eine Nummer in JavaScript zurück? Abhängig von den spezifischen Anforderungen. Hier ist ein Beispiel mit der Funktion number ():

let str = "123"; // Ausgänge: 123

In diesem Code wird die Zeichenfolge „123“ unter Verwendung der Number () -Funktion auf eine Nummer konvertiert, und das Ergebnis wird dann an der Konsole protokolliert.

Was passiert, wenn ich versuche, eine nicht numerische Zeichenfolge in eine Nummer in JavaScript zu konvertieren? eine Zahl). Hier ist ein Beispiel:

let str = "abc"; // Ausgänge: Nan

In diesem Code wird der nicht numerische Zeichenfolge „ABC“ versucht, mit der Funktion number () in eine Nummer konvertiert zu werden, und das Ergebnis ist Nan.

Kann ich überprüfen Wenn eine Zeichenfolge in JavaScript in eine Nummer konvertiert werden kann? Hier ist ein Beispiel:
let str = "123";
lass isnum =! Isnan (str); // Ausgänge: TRUE

In diesem Code wird der Zeichenfolge „123“ überprüft, um festzustellen, ob er unter Verwendung der Funktion isnan () in eine Zahl konvertiert werden kann, und das Ergebnis wird dann an der Konsole angemeldet.

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