Heim  >  Artikel  >  Web-Frontend  >  Typkonvertierung im JavaScript-Tutorial für Anfänger

Typkonvertierung im JavaScript-Tutorial für Anfänger

PHPz
PHPzOriginal
2023-05-20 20:56:35407Durchsuche

Mit der Entwicklung der Front-End-Technologie ist JavaScript für immer mehr Entwickler zur Sprache der Wahl geworden. In JavaScript ist die Typkonvertierung eine sehr wichtige Ressource. Wenn Sie einen Wert von einem Typ in einen anderen konvertieren möchten, ist es sehr wichtig, den Typkonvertierungsmechanismus in JavaScript zu verstehen. In diesem Artikel werfen wir einen detaillierten Blick auf die Typkonvertierung in JavaScript.

Grundlegende Datentypen

In JavaScript gibt es sieben grundlegende Datentypen, nämlich Zahl, Zeichenfolge, Boolescher Wert, Undefiniert, Null, Bigint und Symbol. Einige Datentypen können in den booleschen Wert true oder false konvertiert werden. Kann der Wert in „true“ konvertiert werden, spricht man von „truthy“, kann der Wert in „false“ konvertiert werden, spricht man von „falsy“.

Wenn wir eine Zahl in einen booleschen Typ konvertieren, wird jede Zahl ungleich 0 als wahr und 0 als falsch betrachtet.

Beispiel:

console.log(Boolean(3)); //true
console.log(Boolean(-1)); //true
console.log(Boolean(0)); //false

Strings können auch in boolesche Typen konvertiert werden. Jede nicht leere Zeichenfolge wird als wahr behandelt und eine leere Zeichenfolge wird als falsch behandelt.

Zum Beispiel:

console.log(Boolean("hello")); //true
console.log(Boolean(" ")); //true
console.log(Boolean("")); //false

Sowohl Undefiniert als auch Null können in „Falsch“ konvertiert werden.

console.log(Boolean(undefined)); //false
console.log(Boolean(null)); //false

Konvertierung zwischen numerischen Typen und String-Typen

Lassen Sie uns nun einen genaueren Blick auf die Typkonvertierung zwischen numerischen Typen und String-Typen in JavaScript werfen. Mit der Funktion Number() können wir einen String in einen Zahlentyp konvertieren.

Zum Beispiel:

console.log(Number("3")); //3
console.log(Number("3.14")); //3.14
console.log(Number("-19.2")); //-19.2
console.log(Number("123e5")); //12300000

Wir können die Funktion String() verwenden, um Zahlen in den String-Typ umzuwandeln.

Zum Beispiel:

console.log(String(3)); //"3"
console.log(String(3.14)); //"3.14"
console.log(String(-2.1)); //"-2.1"

Bei arithmetischen Operationen mit Zahlen und Zeichenfolgen wird die Arbeit der Typkonvertierung jedoch etwas komplizierter. Wenn wir Zahlen und Zeichenfolgen hinzufügen, werden die Zeichenfolgen automatisch in Zahlen umgewandelt.

Zum Beispiel:

console.log(1 + "2"); //"12"
console.log(2 + "3" + 4); //"234"
console.log(5 * "2"); //10
console.log(4 / "2"); //2

Wenn wir komplexere Operationen an Zahlen und Zeichenfolgen durchführen, müssen wir die Funktionen parseInt() und parseFloat() verwenden. Diese Funktionen konvertieren Zeichenfolgen in numerische Typen, diese Funktionen unterliegen jedoch unterschiedlichen Einschränkungen. Die Funktion parseInt() wandelt einen String in eine Ganzzahl um. Die Funktion parseFloat() wandelt einen String in eine Gleitkommazahl um.

Zum Beispiel:

console.log(parseInt("3.14")); //3
console.log(parseFloat("3.14")); //3.14
console.log(parseInt("45 years old")); //45

Hinweise zur Typkonvertierung

Bei der Typkonvertierung müssen wir auf Konsistenz mit der realen Situation achten, um unnötige Fehler zu vermeiden. Hier sind einige zusätzliche Details, die Sie bei Typkonvertierungen beachten sollten.

Zuallererst weist NaN (Not a Number) auf einen ungültigen Wert hin. Wenn wir versuchen, eine ungültige Zeichenfolge in eine Zahl umzuwandeln, ist das Ergebnis NaN.

Beispiel:

console.log(Number("hello")); //NaN

Außerdem ist das Ergebnis NaN, wenn wir eine Zeichenfolge in eine Zahl umwandeln und die Zeichenfolge nicht in eine Zahl umgewandelt werden kann.

Zum Beispiel:

console.log(Number("555-1212")); //NaN

Beachten Sie außerdem, dass wir beim Konvertieren eines Objekts in einen numerischen Typ die Methode valueOf() oder toString() des Objekts berücksichtigen müssen.

Beispiel:

let myObject = {
    valueOf: function() {return -10;}
}
console.log(Number(myObject)); //-10

Zusammenfassung

In JavaScript ist die Typkonvertierung eine sehr wichtige Fähigkeit. Durch ein tiefes Verständnis und Erforschen des Typkonvertierungsmechanismus in JavaScript können Sie JavaScript-Code besser verstehen und unnötige Fehler vermeiden. In der Praxis sollten wir darauf achten, mit realen Situationen konsistent zu sein, um das Schreiben instabilen Codes zu vermeiden.

Das obige ist der detaillierte Inhalt vonTypkonvertierung im JavaScript-Tutorial für Anfänger. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn