Typkoerzierung
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy. Lektion 22 von 77.
Typumwandlung in JavaScript ist die automatische Konvertierung von Werten von einem Datentyp in einen anderen. Dies kann bei bestimmten Operationen implizit geschehen oder explizit, wenn du Funktionen wie String(), Number() oder Boolean() verwendest.
Implizite Typumwandlung tritt häufig auf, wenn Sie den losen Gleichheitsoperator == verwenden oder wenn Sie Operationen zwischen verschiedenen Typen durchführen, wie zum Beispiel das Addieren einer Zahl zu einem String.
Zum Beispiel:
let result = 5 + "5";
// Hält "55", da die Zahl 5 implizit in den String "5" umgewandelt und dann verkettet wirdlet result = true == 1;
// Ergibt true, da der boolesche Wert true implizit in die Zahl 1 umgewandelt wirdExplizite Typumwandlung kann mithilfe von integrierten Funktionen durchgeführt werden:
String(value)konvertiert einen Wert in einen String
Number(value)wandelt einen Wert in eine Zahl um
Boolean(value)konvertiert einen Wert in einen booleschen Wert
Zum Beispiel:
let num = "123";
let str = Number(num) + 7; // Enthält 130
console.log(str); let bool = true;
let numBool = Number(bool); // Enthält 1Das Verständnis der Typumwandlung ist entscheidend, um korrekten JavaScript-Code zu schreiben und unerwartete Ergebnisse zu vermeiden.
Aufgabe
AnfängerDir ist ein Code mit mehreren Variablen verschiedener Typen gegeben.
Deine Aufgabe ist es, eine Typumwandlung durchzuführen und die Ergebnisse auszugeben:
- Wandle die Zahl
numin einen String um und speichere sie in einer Variable namensa. - Wandle den booleschen Wert
boolin eine Zahl um und speichere sie in einer Variable namensb. - Wandle den String
strin eine Zahl um und speichere sie in einer Variable namensc. - Führe eine implizite Typumwandlung durch, indem du
nummitstrverkettest, und speichere das Ergebnis in einer Variable namensd.
Verwende für die ersten drei Aufgaben die Funktionen zur expliziten Typumwandlung (String(), Number()) und beobachte die implizite Umwandlung bei der letzten Aufgabe.
Probier es selbst
// Gegebene Variablen
let num = 42
let bool = false
let str = "7"
// Schreibe deinen Code unten
// Ändere die untenstehende Zeile nicht
console.log(`a = ${a}`)
console.log(`b = ${b}`)
console.log(`c = ${c}`)
console.log(`d = ${d}`)Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
4Operatoren Teil 2
Logische Operatoren Teil 1Logische Operatoren Teil 2Wiederholung – Einfache LogikLogische Operatoren Teil 3Typkoerzierung7Rechner zum Teilen der Rechnung
WillkommensnachrichtTrinkgeld und Gesamtbetrag berechnen10FizzBuzz mit einer Wendung
SpielübersichtDie FizzBuzz-Funktion2Variablen
ZahlenZeichenketteBoolescher WertNamenskonventionenLeere VariablenZusammenfassung – Variablen initialisierenKonstanten5Entscheidungen treffen
If-AnweisungIf – ElseRückblick – Einfacher TaschenrechnerVerschachteltes If – ElseSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueWiederholung – FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren – Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische KurzformenVergleichsoperatorenStrikte vs. lose GleichheitRückblick – einfache Mathematik6Grundlegende Ein- und Ausgabe
AusgabeAusgabe mit VariablenTypkonvertierung – Teil 1Typkonvertierung – Teil 2Wiederholung – Bis 120Wiederholung – Wahr oder falschÜbe selbstständig: Online-JavaScript-Compiler