Menu
CoddyTech

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.5

Beide 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.

challenge icon

Aufgabe

Anfänger

Gegeben 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 darunter
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen

Übe selbstständig: Online-JavaScript-Compiler