Einführung in die Werttypkonvertierung in JavaScript_Javascript-Tipps

Wenn in JavaScript Operationen wie -, *, /, ==, != ausgeführt werden und die Werttypen auf der linken und rechten Seite des Operators nicht mit dem erwarteten Typ übereinstimmen, konvertiert JavaScript die Werte weiter Beide Seiten des Operators werden in den erwarteten Typ umgewandelt. Führen Sie den Vorgang erneut aus. Wenn der erwartete Werttyp eine Zeichenfolge ist, konvertiert JavaScript den Wert in eine Zeichenfolge. Wenn der erwartete Werttyp eine Zahl ist, konvertiert JavaScript den Wert in eine Zahl (wenn er nicht in einen numerischen Wert konvertiert werden kann, wird beispielsweise NaN zurückgegeben). :

Code kopieren Der Code lautet wie folgt:

console.log(10 "cats");//10 Katzen
console.log(10 * " cats");//NaN, " cats" wird in NaN konvertiert
console.log(10 "2");//102
console.log(10 - "2");//8
console.log(10 / "2");//5
console.log(10 * "2");//20
console.log(10 * " 2");//20
console.log("10" * "2");//20

Regeln zur Werttypkonvertierung

Informationen zu Wertkonvertierungsregeln in JavaScript finden Sie in Tabelle 3-2 für JavaScript-Typkonvertierungen im Buch „JavaScript – The Definitive Guide“. Einige der bemerkenswerteren Orte sind:

1. Das Ergebnis nach der Konvertierung von undefiniert in eine Zahl ist NaN.
2. Das Ergebnis der Konvertierung von null in eine Zahl ist 0.
3. Das Ergebnis der Konvertierung der leeren Zeichenfolge „“ in eine Zahl ist 0.
4. Das Ergebnis nach der Konvertierung von -0 in einen String ist „0“.
5. Das Ergebnis der Konvertierung des leeren Arrays [] in eine Zahl ist 0.
6. Wenn ein Array mit nur einem Zahlenelement (z. B. [9]) in eine Zahl umgewandelt wird, ist das Ergebnis der Zahlenwert (9).

Wenn JavaScript eine Zeichenfolge in eine Zahl umwandelt, gibt es zwei interessante Regeln:

1. JavaScript löscht die Leerzeichen am Anfang und Ende der Zeichenfolge, bevor sie konvertiert wird, sodass eine Zeichenfolge wie „42“ erfolgreich in die Zahl 42 konvertiert werden kann.

2. Wenn die Zeichenfolge nach dem Entfernen der Leerzeichen am Anfang und Ende noch nicht numerische Zeichen enthält, wird sie in NaN konvertiert. Beispiel: „3 m“ wird in NaN umgewandelt.

Beispiel:

Code kopieren Der Code lautet wie folgt:

console.log(10 * " 3 ");//30
console.log(10 * "3 m");//NaN, „3 m“ wird in NaN konvertiert

Konvertierung und Vergleich von Werttypen

In JavaScript beinhaltet die Verwendung des Gleichheitsoperators (==) die Konvertierung von Werttypen: Wenn die Werttypen auf beiden Seiten des ==-Operators inkonsistent sind, konvertiert JS sie in konsistente Typen, bevor ein Urteil gefällt wird. Es ist zu beachten, dass zwei Werte unterschiedlichen Typs nach der Typkonvertierung äquivalent sein können. Dies bedeutet jedoch nicht, dass das Ergebnis der Verwendung des ==-Operators für sie wahr sein muss. Ein einfaches Beispiel ist undefiniert und falsch: Nach der Konvertierung von undefiniert in einen booleschen Typ ist das Ergebnis zufällig falsch, aber tatsächlich ist das Ergebnis von undefiniert == falsch falsch.

Explizite Typkonvertierung

Die Verwendung der automatischen Typkonvertierung von JavaScript ist sehr praktisch, kann aber auch leicht zu Problemen wie der Wartbarkeit des Codes führen. Um den Programmcode klarer zu machen und Mehrdeutigkeiten zu reduzieren, wird in JS-Programmen manchmal eine explizite Typkonvertierung verwendet:

Code kopieren Der Code lautet wie folgt:

Zahl("3")//3
String(false)//"false"
Boolean([])//true

In den meisten Fällen stimmt das Ergebnis der expliziten Typkonvertierung mit dem Ergebnis der automatischen JS-Typkonvertierung überein. Es gibt jedoch einen Sonderfall: Wenn null oder undefiniert automatisch in Object konvertiert wird, gibt JS einen TypeError-Fehler aus Beim Konvertieren von null oder undefiniert in ein Objekt gibt JS ein leeres Objekt zurück:

Code kopieren Der Code lautet wie folgt:

console.log(Object(undefiniert));//leeres Objekt
console.log(Object(null));//leeres Objekt

Wenn sich gleichzeitig der durch die explizite Konvertierung angegebene Typ von dem durch die automatische JS-Konvertierung angegebenen Typ unterscheidet, sind auch die erhaltenen Ergebnisse unterschiedlich. Das zuvor erwähnte Ergebnis von undefiniert==false ist beispielsweise falsch; wenn der Konvertierungstyp explizit als Boolean angegeben wird, ist das Ergebnis wahr:

Code kopieren Der Code lautet wie folgt:

console.log(undefiniert == false);//false
console.log(Boolean(undefiniert) == Boolean(false));//true

Verwendung der automatischen Typkonvertierung

In JS können Sie die automatische Konvertierung von Werttypen verwenden und Operatoren verwenden, um den gleichen Effekt wie eine explizite Konvertierung zu erzielen, wie zum Beispiel:

Code kopieren Der Code lautet wie folgt:

console.log(false "");//"false"
console.log(false);//0
console.log(!!3);//true