Datentypen: string, number, boolean, null, undefined
Erkunden Sie die primitiven Typen von JavaScript, untersuchen Sie sie mit typeof und lernen Sie den Unterschied zwischen null und undefined kennen.
Datentypen: string, number, boolean, null, undefined ist eine kostenlose Frontend Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Frontend Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Frontend Academy-Kurs umfasst insgesamt 4 Lektionen.
Das Typsystem von JavaScript
JavaScript ist dynamisch typisiert – nicht Variablen, sondern Werte haben Typen. Dieselbe Variable kann zuerst einen String, dann eine Zahl und anschließend null enthalten. Wenn Sie die sieben primitiven Typen verstehen, vermeiden Sie eine große Klasse von Fehlern.
string
Strings stellen Text dar. Verwenden Sie einfache oder doppelte Anführungszeichen oder Backticks (Template-Literal). Strings sind unveränderlich – String-Methoden geben neue Strings zurück. Strings haben eine .length-Eigenschaft und viele integrierte Methoden.
const greeting = 'Hello';
const lang = "JavaScript";
const sentence = `I love ${lang}`; // template literal
console.log(greeting.length); // 5
console.log('hello'.toUpperCase()); // 'HELLO'
console.log(' trim me '.trim()); // 'trim me'number
JavaScript hat einen einzigen numerischen Typ. Alle Zahlen – Ganzzahlen und Gleitkommazahlen – sind 64-Bit-Gleitkommazahlen (IEEE 754). Deshalb gilt 0.1 + 0.2 !== 0.3. Besondere Werte sind Infinity, -Infinity und NaN (Not a Number).
const age = 30;
const price = 19.99;
console.log(0.1 + 0.2); // 0.30000000000000004
console.log(typeof NaN); // 'number'
console.log(isNaN('hello')); // true
console.log(Number.isNaN('hello')); // false (safer check)boolean
Boolesche Werte sind true oder false. Sie werden in Bedingungen und Vergleichen verwendet. Jeder Wert in JavaScript hat einen eigenen Wahrheitswert: falsy-Werte sind false, 0, '', null, undefined und NaN. Alle anderen Werte sind truthy.
const isActive = true;
const isAdmin = false;
// Falsy values:
if (0) { /* never runs */ }
if ('') { /* never runs */ }
if (null) { /* never runs */ }null
null ist ein explizit zugewiesener leerer Wert. Es bedeutet „absichtlich kein Wert“. Verwenden Sie null, wenn Sie eine Variable leeren oder das Fehlen eines Werts signalisieren möchten. typeof null === 'object' ist ein bekannter JavaScript-Fehler, der aus Gründen der Abwärtskompatibilität beibehalten wurde.
let selectedUser = null; // no user selected yet
selectedUser = { name: 'Alice' };
selectedUser = null; // clearedundefined
undefined bedeutet, dass einem Wert noch nichts zugewiesen wurde. Deklarierte, aber nicht initialisierte Variablen sind undefined. Fehlende Funktionsargumente sind undefined. Der Zugriff auf nicht vorhandene Objekteigenschaften gibt undefined zurück.
let x; // undefined
function greet(name) {
console.log(name); // undefined if called as greet()
}
const obj = {};
console.log(obj.foo); // undefinednull im Vergleich zu undefined
null = absichtlich nicht vorhanden. undefined = noch nicht zugewiesen. Als Faustregel gilt: Lassen Sie die JavaScript-Engine undefined setzen und verwenden Sie in Ihrem eigenen Code explizit null, wenn Sie „leer“ meinen.
Der Operator typeof
Verwenden Sie typeof, um den Typ eines Werts zur Laufzeit zu prüfen. Der Operator gibt einen String zurück: 'string', 'number', 'boolean', 'undefined', 'object', 'function', 'bigint', 'symbol'. Denken Sie daran: typeof null === 'object' ist ein bekannter Fehler.
typeof 'hello' // 'string'
typeof 42 // 'number'
typeof true // 'boolean'
typeof undefined // 'undefined'
typeof null // 'object' ← historical bug
typeof {} // 'object'
typeof [] // 'object'
typeof function(){} // 'function'Symbol und BigInt
Symbol: eine eindeutige, unveränderliche Kennung – wird für Objekteigenschaftsschlüssel verwendet, die nicht mit anderen kollidieren. BigInt: Ganzzahlen größer als Number.MAX_SAFE_INTEGER (2^53-1). Sie werden mit 42n oder BigInt(42) erstellt. Für die meisten Frontend-Projekte wird BigInt nicht benötigt.
Fallstricke bei der Typkonvertierung
JavaScript konvertiert Typen bei Vergleichen und Operationen stillschweigend. Verwenden Sie === (strikte Gleichheit) statt == (lose Gleichheit), um unerwartete Konvertierungen zu vermeiden.
0 == false // true (coercion)
0 === false // false (strict, no coercion)
'' == false // true
'5' == 5 // true
'5' === 5 // false ✓ use thisTypkonvertierung
Konvertieren Sie Typen explizit mit Number(), String(), Boolean() oder parseInt() / parseFloat(). Eine explizite Konvertierung ist immer klarer, als sich auf implizite Typkonvertierung zu verlassen.
Number('42') // 42
Number('') // 0
Number('abc') // NaN
String(42) // '42'
Boolean(0) // false
Boolean('hello') // true
parseInt('10px') // 10Kurztest
Was gibt typeof null in JavaScript zurück?
Zusammenfassung: JavaScript-Datentypen
Sieben primitive Typen: string, number, boolean, null, undefined, symbol, bigint. Verwenden Sie typeof, um Typen zu prüfen. Verwenden Sie === für Vergleiche, um Typkonvertierungen zu vermeiden. Unterscheiden Sie null (absichtlich leer) von undefined (noch nicht gesetzt). Alle anderen Werte sind Objekte.
Häufig gestellte Fragen
Ist die Lektion „Datentypen: string, number, boolean, null, undefined“ kostenlos?
Ja — der vollständige Text von „Datentypen: string, number, boolean, null, undefined“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Frontend Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Frontend Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Datentypen: string, number, boolean, null, undefined“?
Erkunden Sie die primitiven Typen von JavaScript, untersuchen Sie sie mit typeof und lernen Sie den Unterschied zwischen null und undefined kennen. Du übst Frontend Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Frontend Academy zu starten?
Keine Vorkenntnisse erforderlich. Frontend Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Datentypen: string, number, boolean, null, undefined“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Frontend Academy-Lektion Code schreiben und ausführen?
Ja. Jede Frontend Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Variablen: let, const, var und Geltungsbereich
- Datentypen: string, number, boolean, null, undefined
- Funktionen: Deklarationen, Ausdrücke, Arrow Functions
- Kontrollfluss: if, else, switch, for, while