Lädt...

JavaScript-Datentypen

Variablen kennen Sie als benannte Box. Die nächste Frage: welche Art von Wert liegt darin? Diese Arten heißen Datentypen. Hier die Einsteiger-Karte — und mit typeof fragen Sie JavaScript nach dem Typ-Label.

Was sind Datentypen und wie prüft man sie?

Ein Datentyp beschreibt die Art des Werts — Text, Zahl, wahr/falsch, „noch kein Wert“ und mehr. Zuerst treffen Sie string, number, boolean, undefined und null. Objekte und Arrays nur kurz als Vorschau; Tiefe kommt später. Zum Prüfen schreiben Sie typeof vor den Wert (oder den Variablennamen). Die Antwort ist ein kurzer Typ-String wie "string" oder "number".

Einsteiger-Typkarte

📊 Wertarten, die Einsteiger zuerst brauchen

Art Beispiel Typisch typeof Hinweis
Zeichenkette "Hello" "string" Text in Anführungszeichen
Zahl 42 oder 3.5 "number" Ganzzahl und Dezimal hier ein Typ
Boolean true / false "boolean" An/Aus — später für Bedingungen
Undefined Name ohne Wert "undefined" Deklariert, noch nicht zugewiesen
Null null "object" (Quirk) Bewusst leer; typeof wirkt seltsam — Quirk merken
Objekt / Array (Vorschau) { } / [1, 2] "object" Gruppen von Werten; Details später

String-Werte

Text steht in Anführungszeichen. typeof meldet "string".

String und typeof

javascript 
let label = "JavaScript";
console.log(label);
console.log(typeof label);

Zahlwerte

Ganzzahlen und Dezimalzahlen teilen sich für Einsteiger den Typ number. Kein separates „Integer“-Thema hier.

Number und typeof

javascript 
let score = 42;
console.log(score);
console.log(typeof score);

Boolean-Werte

true und false sind ein eigener Typ — später nützlich für Bedingungen. Schlüsselwörter, keine Strings "true".

Boolean und typeof

javascript 
let ready = true;
console.log(ready);
console.log(typeof ready);

Undefined — noch kein Wert

Deklarieren Sie mit let ohne Zuweisung, ist der Wert undefined. typeof liefert "undefined".

Undefined-Wert

javascript 
let pending;
console.log(pending);
console.log(typeof pending);

Null — absichtlich leer

null heißt „bewusst leer“. Merkwürdig: typeof null ist "object" — ein alter Quirk. Behandeln Sie null als leer und merken Sie sich das Label.

null und typeof-Quirk

javascript 
let empty = null;
console.log(empty);
console.log(typeof empty);

Mehrere Werte prüfen

Loggen Sie Wert und typeof. "10" (mit Anführungszeichen) ist ein String, 10 eine Zahl.

Mehrere typeof-Checks

javascript 
console.log(typeof "10");
console.log(typeof 10);
console.log(typeof false);
console.log(typeof undefined);
console.log(typeof null);

Typ-Label auf der Seite

Wert speichern, typeof lesen, Label mit textContent auf die Seite legen.

Seite zeigt typeof eines Werts

html 
<!DOCTYPE html>
<html>
<head>
<title>Data Types — typeof on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let sample = "W3Learn";
let kind = typeof sample;
document.getElementById("out").textContent = "Type: " + kind;
</script>
</body>
</html>

Der Absatz zeigt Type: string, weil sample Text hält. Ändern Sie sample zu einer Zahl oder true, aktualisieren Sie — das Label folgt.

Selbst üben

  1. let mit Stadtname in Anführungszeichen; Wert und typeof loggen.
  2. Zahl ohne Anführungszeichen; erwarten Sie "number".
  3. true oder false; Typ "boolean" prüfen.
  4. let x; ohne Zuweisung; typeof x loggen.
  5. null zuweisen; "object"-Quirk notieren.
  6. Im HTML-Demo nur sample ändern und aktualisieren.

Typische Fehler

  • let n = "42"; und Zahlenrechnung erwarten — Anführungszeichen machen einen String
  • Panik bei typeof null === "object" — Quirk, noch keine tiefe Objekt-Lektion
  • Die Wörter string/number als Variablennamen behandeln, die man deklarieren muss
  • typeof vergessen, wenn Werte in der Konsole ähnlich wirken, aber anders reagieren
  • Arrays/Objekte vor den Folgesitzungen vertiefen — diese Karte reicht vorerst

Kurzfassung

  • Datentypen = Arten von Werten in Variablen
  • Einsteiger-Karte: string, number, boolean, undefined, null (plus kurze Objekt/Array-Vorschau)
  • typeof liefert ein Typ-Label als String
  • typeof null ist "object" — Quirk merken
  • Als Nächstes: Zahlen — mehr Detail zu numerischen Werten

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
8
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 8 von 13
Javascript Tutorial