In diesem Tutorial lernen Sie anhand von Beispielen die Typkonvertierung in JavaScript kennen.
Das Konvertieren eines Datentyps in einen anderen Datentyp wird als Typkonvertierung bezeichnet. In JavaScript gibt es zwei Arten der Typkonvertierung.
- Implizite Konvertierung
- Explizite Konvertierung
Implizite JavaScript-Konvertierung
In bestimmten Situationen konvertiert JavaScript automatisch einen Datentyp in einen anderen (in den richtigen Typ). Dies wird als implizite Konvertierung bezeichnet.
Beispiel 1: Implizite Konvertierung in einen String
// numeric string used with + gives string type let result; result = '3' + 2; console.log(result) // "32" result = '3' + true; console.log(result); // "3true" result = '3' + undefined; console.log(result); // "3undefined" result = '3' + null; console.log(result); // "3null"
Hinweis : Wenn einer Zeichenfolge eine Nummer hinzugefügt wird, konvertiert JavaScript die Nummer vor der Verkettung in eine Zeichenfolge.
Beispiel 2: Implizite Konvertierung in Zahlen
// numeric string used with - , / , * results number type let result; result = '4' - '2'; console.log(result); // 2 result = '4' - 2; console.log(result); // 2 result = '4' * 2; console.log(result); // 8 result = '4' / 2; console.log(result); // 2
Beispiel 3: Nicht numerische Zeichenfolgenergebnisse zu NaN
// non-numeric string used with +, - , / , * results to NaN let result; result = 'hello' - 'world'; console.log(result); // NaN result = '4' - 'hello'; console.log(result); // NaN
Beispiel 4: Implizite boolesche Konvertierung in Zahlen
// if boolean is used, true is 1, false is 0 let result; result = '4' - true; console.log(result); // 3 result = 4 + true; console.log(result); // 5 result = 4 + false; console.log(result); // 4
Hinweis: JavaScript berücksichtigt 0 als false
und alle Zahlen ungleich Null als true
. Und wenn true
es in eine Zahl umgewandelt wird, ist das Ergebnis immer 1.
Beispiel 5: Nullumrechnung in Zahl
// null is 0 when used with number let result; result = 4 + null; console.log(result); // 4 result = 4 - null; console.log(result); // 4
Beispiel 6: undefiniert mit number, boolean oder null
// Arithmetic operation of undefined with number, boolean or null gives NaN let result; result = 4 + undefined; console.log(result); // NaN result = 4 - undefined; console.log(result); // NaN result = true + undefined; console.log(result); // NaN result = null + undefined; console.log(result); // NaN
Explizite JavaScript-Konvertierung
Sie können auch einen Datentyp gemäß Ihren Anforderungen in einen anderen konvertieren. Die manuell durchgeführte Typkonvertierung wird als explizite Typkonvertierung bezeichnet.
In JavaScript werden explizite Typkonvertierungen mithilfe integrierter Methoden durchgeführt.
Hier sind einige gängige Methoden für explizite Konvertierungen.
1. Konvertieren Sie explizit in eine Zahl
Sie können numerische Zeichenfolgen und boolesche Werte in Zahlen konvertieren Number()
. Beispielsweise,
let result; // string to number result = Number('324'); console.log(result); // 324 result = Number('324e-1') console.log(result); // 32.4 // boolean to number result = Number(true); console.log(result); // 1 result = Number(false); console.log(result); // 0
In JavaScript geben leere Zeichenfolgen und null
Werte 0 zurück . Beispielsweise,
let result; result = Number(null); console.log(result); // 0 let result = Number(' ') console.log(result); // 0
Wenn eine Zeichenfolge eine ungültige Zahl ist, ist das Ergebnis NaN
. Beispielsweise,
let result; result = Number('hello'); console.log(result); // NaN result = Number(undefined); console.log(result); // NaN result = Number(NaN); console.log(result); // NaN
Hinweis : Sie können auch generieren Zahlen von Strings parseInt()
, parseFloat()
, unärer Operator +
und Math.floor()
. Beispielsweise,
let result; result = parseInt('20.01'); console.log(result); // 20 result = parseFloat('20.01'); console.log(result); // 20.01 result = +'20.01'; console.log(result); // 20.01 result = Math.floor('20.01'); console.log(result); // 20
2. Konvertieren Sie explizit in einen String
Um andere Datentypen in Zeichenfolgen zu konvertieren, können Sie entweder String()
oder verwenden toString()
. Beispielsweise,
//number to string let result; result = String(324); console.log(result); // "324" result = String(2 + 4); console.log(result); // "6" //other data types to string result = String(null); console.log(result); // "null" result = String(undefined); console.log(result); // "undefined" result = String(NaN); console.log(result); // "NaN" result = String(true); console.log(result); // "true" result = String(false); console.log(result); // "false" // using toString() result = (324).toString(); console.log(result); // "324" result = true.toString(); console.log(result); // "true"
Hinweis : String()
nimmt null
und undefined
und wandelt sie in String. Allerdings toString()
gibt Fehler , wennnull are passed.
3. Konvertieren Sie explizit in Boolean
Sie können andere Datentypen in einen Booleschen Wert konvertieren Boolean().
In JavaScript undefined
, null
, 0
, NaN
, ''
Konvertiten false
. Beispielsweise,
let result; result = Boolean(''); console.log(result); // false result = Boolean(0); console.log(result); // false result = Boolean(undefined); console.log(result); // false result = Boolean(null); console.log(result); // false result = Boolean(NaN); console.log(result); // false
Alle anderen Werte geben an true
. Beispielsweise,
result = Boolean(324); console.log(result); // true result = Boolean('hello'); console.log(result); // true result = Boolean(' '); console.log(result); // true
JavaScript-Typkonvertierungstabelle
Die Tabelle zeigt die Konvertierung verschiedener Werte in String, Number und Boolean in JavaScript.
Value | String Conversion | Number Conversion | Boolean Conversion |
1 | "1" | 1 |
|
0 | "0" | 0 |
|
"1" | "1" | 1 |
|
"0" | "0" | 0 |
|
"ten" | "ten" |
|
|
| "true" | 1 |
|
| "false" | 0 |
|
| "null" | 0 |
|
| "undefined" |
|
|
'' | "" | 0 |
|
' ' | " " | 0 |
|
In späteren Tutorials erfahren Sie mehr über die Konvertierung von Objekten und Arrays in andere Datentypen.
Besuchen Sie diese Beispiele, um mehr zu erfahren:
- JavaScript-Daten zu Zahlen
- JavaScript-Daten zu Zeichenfolgen