Boolesche Werte
Was sind boolesche Werte?
Boolesche Werte können nur die zwei Zustände „true“ (wahr) und „false“ (falsch) annehmen. I. d. R. werden boolesche Werte verwendet, um das Ergebnis eines Vergleichs in einer Variablen zu speichern:
HTML-Datei:
Ergebnis:
Beispiel 1
var bool11 = Feld1 > Feld2; => bool11 =
var bool12 = Feld1 < Feld2; => bool12 =
bool13 =
bool14 =
Boolean()
Mit der globalen Funktion „Boolean()“ kann jeder Wert in einen booleschen Wert konvertiert werden. Damit können Werte auf ihre Gültigkeit hin geprüft werden. Alle gültigen Werte ergeben „true“ und alle nicht gültigen Werte „false“:
HTML-Datei:
Ergebnis:
Beispiel 2
Boolean(10) =
Boolean("10") =
Boolean(0) =
Boolean(-0) =
Boolean(true) =
Boolean(false) =
Boolean(10 / "2") =
Boolean(10 / "Zwei") =
Boolean(null) =
Boolean(undefined) =
Boolean("") =
Vergleichs-Operatoren
Boolesche Werte entstehen bei der Verwendung von Vergleichs-Operatoren. Die folgende Tabelle zeigt die wichtigsten Vergleichsoperatoren:
Annahme: x = 7, y = 5, z = „5“
| Operator | Bezeichnung | Beispiel | Ergebnis |
| == | gleich | x == y | false (falsch) |
| === | gleicher Wert und Typ | x === z | false (falsch) |
| != | ungleich | x != y | true (wahr) |
| !== | ungleicherr Wert und Typ |
x !== z |
true (wahr) |
| > | größer |
x > y |
true (wahr) |
| < | kleiner |
x < y |
false (falsch) |
| >= | größer oder gleich |
x >= y |
true (wahr) |
| <= | kleiner oder gleich |
x <= y |
false (falsch) |
HTML-Datei:
Ergebnis:
Beispiel 3
var x3 = 2, y3 = 3, z3 = "3";
Boolean(x3 > y3) =
Boolean(x3 < y3) =
Boolean(x3 >= y3) =
Boolean(x3 <= y3) =
Boolean(y3 == z3) =
Boolean(y3 === z3) =
Boolean(y3 != z3) =
Boolean(y3 !== z3) =
Logische Operatoren
Boolesche Werte können mit logischen Operatoren miteinander verknüpft werden. Die folgende Tabelle zeigt die wichtigsten logischen Operatoren:
Annahme: x = true (wahr), y = false (falsch)
| Operator | Bezeichnung | Beispiel | Ergebnis |
| && | UND | x && y | false (falsch) |
| || | ODER | x || y | true (wahr) |
| ! | NICHT | !x | false (falsch) |
HTML-Datei:
Ergebnis:
Beispiel 4
var x4 = 2, y4 = 3, z4 = "3";
Boolean((x4 > y4) && (x4 < y4)) =
Boolean((x4 > y4) || (x4 < y4)) =
Boolean(!(y4 == z4)) =
Boolean(!(y4 === z4)) =
Abschlussübung
Als Abschlussübung kannst du folgende Webseite erstellen. Errate vorher das jeweilige Ergebnis, bevor du auf „Auflösen“ klickst:
Beispiel 5
var x5 = 2, y5 = 3, z5 = "3";
Boolean((x5 == z5) || !(x5 < z5)) =
Boolean(!((x5 !== y5) && ((x5 < z5) || (y5 < z5)))) =
Boolean(true && (true || false) && !(true && false)) =
Die Lösung kannst du dir hier herunterladen:
