Typumwandlung - Teil 1
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 30 von 77.
Um in JavaScript zwischen verschiedenen Datentypen zu konvertieren, müssen wir die Typumwandlung verwenden.
JavaScript unterstützt sowohl implizite als auch explizite Typumwandlung. Konzentrieren wir uns auf die gängigsten expliziten Umwandlungsmethoden Teil 1:
parseInt und parseFloat
// Umwandlung von String in Number mit parseInt und parseFloat
let str = "42";
let num1 = parseInt(str); // Konvertiert in eine Ganzzahl
let num2 = parseFloat("42.5"); // Konvertiert in eine Gleitkommazahl
console.log(num1); // Ausgabe: 42
console.log(num2); // Ausgabe: 42.5Wenn die Zeichenfolge eine ungültige Zahl enthält, verhalten sich diese Funktionen unterschiedlich:
console.log(parseInt("5ab")); // Ausgabe: 5 (parst bis zum ungültigen Zeichen)
console.log(parseFloat("5.2xyz")); // Ausgabe: 5.2 (parst bis zum ungültigen Zeichen)Es ist wichtig, den richtigen Typ zu verwenden, da dies die Ausgabe beeinflussen kann.
Verketten von zwei Strings:
"5" + "5" == "55"Addieren von zwei Zahlen:
5 + 5 == 10
Das Verständnis der Typumwandlung ist entscheidend für das Schreiben von zuverlässigem JavaScript-Code und das Vermeiden unerwarteter Ergebnisse in Ihren Programmen.
Aufgabe
AnfängerGegeben sind zwei Strings var1 und var2.
Konvertiere sie in einen float und gib das Ergebnis der Multiplikation der beiden aus.
Spickzettel
JavaScript unterstützt die explizite Typumwandlung mit parseInt() und parseFloat():
let str = "42";
let num1 = parseInt(str); // Konvertiert in Ganzzahl: 42
let num2 = parseFloat("42.5"); // Konvertiert in Gleitkommazahl: 42.5Diese Funktionen parsen, bis sie auf ein ungültiges Zeichen stoßen:
parseInt("5ab"); // Gibt zurück: 5
parseFloat("5.2xyz"); // Gibt zurück: 5.2Die Typumwandlung ist wichtig, da sich verschiedene Datentypen unterschiedlich verhalten:
- String-Verkettung:
"5" + "5" == "55" - Zahlen-Addition:
5 + 5 == 10
Probier es selbst
let var1 = inp[0] // Diese Zeile nicht ändern
let var2 = inp[1] // Diese Zeile nicht ändern
// Code unten schreiben
Teste dich selbstDiese 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 3Type Coercion7Rechnungs-Split-Rechner
WillkommensnachrichtTrinkgeld und Gesamtsumme berechnen
Die Rechnung teilenFormatierte Ausgabe2Variablen
ZahlenStringsBooleanNamenskonventionenLeere VariablenRückblick - Variablen initialisierenKonstanten5Entscheidungsfindung
If-AnweisungIf - ElseWiederholung - Einfacher TaschenrechnerVerschachtelte If - Else-AnweisungenSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueRückblick - FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische AbkürzungenVergleichsoperatorenStrikte vs. lose GleichheitZusammenfassung – Einfache Mathematik6Grundlagen der IO
AusgabeAusgabe mit VariablenTypumwandlung - Teil 1Typumwandlung - Teil 2Wiederholung - Bis 120Wiederholung - Wahr oder Falsch