Typkonvertierung – Teil 1
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy. Lektion 30 von 77.
Um zwischen verschiedenen Datentypen in JavaScript zu konvertieren, müssen wir die Typkonvertierung verwenden.
JavaScript unterstützt sowohl implizite als auch explizite Typkonvertierung. Konzentrieren wir uns auf die gängigsten Methoden zur expliziten Konvertierung, Teil 1:
parseInt und parseFloat
// Umwandlung von String in Number mit parseInt und parseFloat
let str = "42";
let num1 = parseInt(str); // Wandelt in eine Ganzzahl um
let num2 = parseFloat("42.5"); // Wandelt in eine Gleitkommazahl um
console.log(num1); // Ausgabe: 42
console.log(num2); // Ausgabe: 42.5Beide Funktionen lesen die Zahl am Anfang der Zeichenfolge und halten beim ersten Zeichen an, das nicht zu einer Zahl gehört. Wenn die Zeichenfolge nicht mit einer Zahl beginnt, geben sie NaN (Not a Number) zurück:
console.log(parseInt("5ab")); // Ausgabe: 5 (wird bis zum ersten ungültigen Zeichen geparst)
console.log(parseFloat("5.2xyz")); // Ausgabe: 5.2 (wird bis zum ersten ungültigen Zeichen geparst)
console.log(parseFloat("abc123")); // Ausgabe: NaN (am Anfang steht keine Zahl)Werte aus Benutzereingaben (wie inp[0]) sind immer Zeichenfolgen. Wandle sie daher vor Berechnungen mit parseInt oder parseFloat um: Andernfalls fügt + sie als Text zusammen, statt sie zu addieren.
Es ist wichtig, den richtigen Typ zu verwenden, da er die Ausgabe beeinflussen kann.
Zwei Zeichenfolgen verketten:
"5" + "5" == "55"Zwei Zahlen addieren:
5 + 5 == 10
Das Verständnis der Typumwandlung ist entscheidend, um zuverlässigen JavaScript-Code zu schreiben und unerwartete Ergebnisse in deinen Programmen zu vermeiden.
Aufgabe
AnfängerGegeben sind zwei Zeichenfolgen var1 und var2.
Wandle sie in Gleitkommazahlen um und gib das Produkt der beiden aus.
Probier es selbst
let var1 = inp[0] // Diese Zeile nicht ändern
let var2 = inp[1] // Diese Zeile nicht ändern
// Schreibe den Code darunterDiese 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