Booleans in JavaScript
Du kannst Strings schon schneiden und durchsuchen. Programme brauchen oft eine klare Ja-/Nein-Antwort — ist das Formular bereit? Gab es einen Treffer? Dieser Werttyp heißt Boolean: nur true oder false. Hier geht es um den Wert selbst; vollständige if-Verzweigungen kommen später.
Was ist ein Boolean in JavaScript?
Ein Boolean ist ein Ja-/Nein-Wert. Die beiden Schlüsselwörter sind true und false — ohne Anführungszeichen. typeof true ergibt "boolean". Du speicherst ein Flag (let ready = true), bekommst ein Boolean aus einem Vergleich (age >= 18) oder wandelst mit Boolean(value) um. Strings wie "true" bleiben Text, keine Booleans. Eine kurze Falsy-Liste (Werte, die bei Umwandlung false werden) schützt vor Überraschungen mit 0, "", null und undefined.
Boolean-Werkzeugkasten
📊 Alltägliche Boolean-Ideen für den Einstieg
| Idee | Beispiel | Ergebnis / Hinweis |
|---|---|---|
| Wörtliches Ja | true |
Schlüsselwort, kein String |
| Wörtliches Nein | false |
Schlüsselwort, kein String |
typeof |
typeof false |
"boolean" |
| Vergleich | 5 > 3 |
true |
| Umwandlung | Boolean(0) |
false (Null ist oft falsy) |
| Text umwandeln | Boolean("hi") |
true (nicht leerer String) |
true und false schreiben
Nutze die Schlüsselwörter true und false. Logge Wert und typeof, damit du das Label "boolean" siehst.
let ready = true;
let done = false;
console.log(ready);
console.log(done);
console.log(typeof ready);
console.log(typeof done);
Vergleiche liefern ein Boolean
Operatoren wie >, <, >=, <=, === und !== antworten mit true oder false. Du musst das Boolean nicht jedes Mal selbst erfinden — der Vergleich erzeugt es.
console.log(10 > 5);
console.log(2 === 2);
console.log(2 === "2");
console.log(7 < 3);
Mit Boolean() umwandeln
Boolean(value) macht aus einem anderen Wert true oder false. „Leere“ Werte werden false; viele Alltagswerte werden true.
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean("hello"));
console.log(Boolean(""));
Kurze Falsy-Karte
Diese Werte werden mit Boolean() (oder später in einer Bedingung) zu false: false, 0, "", null, undefined und NaN. Fast alles andere, was Einsteiger zuerst ausprobieren, ist truthy — auch "0" und "false" als nicht leere Strings.
console.log(Boolean(false));
console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean(null));
console.log(Boolean(undefined));
Truthy-Werte, die Einsteiger überraschen
Nicht leere Strings sind truthy — auch "0" und "false". Die Zahl 1 ist ebenfalls truthy. Logge sie, damit der Kontrast zu falsy sitzt.
console.log(Boolean("0"));
console.log(Boolean("false"));
console.log(Boolean(1));
console.log(Boolean(" "));
Ja-/Nein-Flag auf der Seite zeigen
Speichere ein Boolean und schreibe es mit textContent auf die Seite.
<!DOCTYPE html>
<html>
<head>
<title>Booleans — ready flag</title>
</head>
<body>
<p id="out">…</p>
<script>
let ready = true;
document.getElementById("out").textContent = "ready = " + ready;
</script>
</body>
</html>
Der Absatz zeigt das Boolean auf der Seite (ready = true oder ready = false). Ändere nur ready, lade neu und prüfe den Text. Später steckt dieses Flag in vollständigen if-Checks.
Selbst ausprobieren
- Erzeuge
let on = trueundlet off = false; logge beide Werte und beidetypeof-Ergebnisse. - Logge
8 >= 8,3 !== 4und1 === "1"; tippe das Ergebnis vorher. - Rufe
Booleanfür1,0,"ok"und""auf; notiere, wastrueist. - Logge
Boolean("0")undBoolean(0)— der String ist truthy, die Zahl null falsy. - Im HTML-Demo
readyauffalsesetzen, neu laden, Zeile lesen. - Den Text vor
+ readykurz ändern, die Boolean-Logik lassen.
Typische Fehler
"true"oder"false"in Anführungszeichen — das sind Strings, keine BooleansTrue/Falsemit Großbuchstaben — in JavaScript klein:true/false- Denken,
1und0seien der Boolean-Typ — das sind Zahlen; Umwandlung kann mappen, abertypeof 1ist"number" - Vergessen, dass Vergleiche schon ein Boolean liefern — oft speichern:
let ok = score >= 10 - Den nicht leeren String
"false"für falsy halten —Boolean("false")isttrue
Kurzfassung
- Ein Boolean ist nur
trueoderfalse(Schlüsselwörter, ohne Anführungszeichen) typeofmeldet"boolean"; Vergleiche wie===und>liefern ein BooleanBoolean(value)wandelt um; merke häufige Falsy-Werte:0,"",null,undefined,false,NaN- Die Strings
"true"/"false"sind Text — nicht der Boolean-Typ - Als Nächstes:
nullundundefined— zwei „leer“-Ideen, keine Booleans
🧠 Testen Sie Ihr Wissen
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
📝 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