Booleans und Vergleiche

5 == "5" ist true, aber 5 === "5" ist false. Das dreifache Gleichheitszeichen prüft außerdem, ob beide Seiten denselben Typ haben.

Fragen mit Ja oder Nein als Antwort

Programme stellen ständig Fragen. Ist das Passwort lang genug? Hat die Spielerin keine Leben mehr? Ist heute Wochenende? Jede dieser Fragen hat eine von zwei Antworten, und JavaScript stellt sie mit den beiden booleschen Werten true und false dar. Booleans sind nach George Boole benannt, dem Mathematiker des neunzehnten Jahrhunderts, der eine Algebra von wahr und falsch ausgearbeitet hat. Für sich genommen sind sie nicht besonders spannend, aber mit ihnen kann ein Programm Entscheidungen treffen, und darum geht es in der nächsten Einheit.

Vergleichsoperatoren

Ein Vergleich nimmt zwei Werte und ergibt einen Boolean. Die sechs häufigsten stehen unten. Beachte, dass „gleich“ mit drei Gleichheitszeichen geschrieben wird, weil ein einzelnes = schon „speichere einen Wert“ bedeutet.

Wie eine Rechnung ist auch ein Vergleich ein Ausdruck, du kannst ihn also ausgeben oder in einer Variablen speichern: const isAdult = age >= 18; legt je nach Alter true oder false in isAdult ab. Namen für boolesche Variablen beginnen oft mit is, has oder can, so liest sich der Code wie eine Frage.

Warum === und nicht ==

JavaScript hat auch ein doppeltes Gleichheitszeichen, ==, die sogenannte lose Gleichheit. Vor dem Vergleich versucht sie, beide Seiten in denselben Typ umzuwandeln, und das liefert schwer vorhersagbare Ergebnisse: 5 == "5" ist true, und 0 == "" ebenfalls. Das dreifache Gleichheitszeichen ===, die strikte Gleichheit, wandelt nie um. Unterscheiden sich die Typen, ist die Antwort einfach false. MDN und die meisten Styleguides empfehlen === und !== für den Alltag, und dieser Kurs verwendet sie durchgehend.

console.log(5 === 5);      // true
console.log(5 === "5");    // false
// lose Gleichheit, besser vermeiden:
console.log(5 == "5");     // true
console.log("cat" !== "dog"); // true

Auch Strings lassen sich vergleichen. === prüft, ob zwei Strings genau dieselben Zeichen haben, Großbuchstaben eingeschlossen, also ist "Yes" === "yes" false. Die Operatoren < und > vergleichen Strings Zeichen für Zeichen anhand ihrer Zeichencodes. Bei kleingeschriebenen Wörtern ist das nah an der Wörterbuchreihenfolge: "apple" < "banana" ist true. Großbuchstaben kommen in dieser Reihenfolge vor allen Kleinbuchstaben, deshalb ist auch "Zebra" < "apple" true.

Antworten mit &&, || und ! verknüpfen

Echte Fragen haben oft mehrere Teile. Ein Fahrgeschäft verlangt vielleicht eine Größe von mindestens 120 cm und ein Alter von mindestens 8. JavaScript verknüpft boolesche Antworten mit logischen Operatoren. && (und) ist nur true, wenn beide Seiten true sind. || (oder) ist true, wenn mindestens eine Seite true ist. ! (nicht) dreht einen Boolean um, also ist !true false.

const height = 130;
const age = 7;
console.log(height >= 120 && age >= 8);   // false
console.log(height >= 120 || age >= 8);   // true
console.log(!(age >= 8));                 // true

Durchgerechnetes Beispiel. Ist ein Tag ein Wochenendtag? day === "Sat" || day === "Sun". Beachte, dass du day === auf beiden Seiten wiederholen musst. day === "Sat" || "Sun" liest sich wie ein normaler Satz, tut aber nicht, was du meinst, weil "Sun" allein kein Vergleich ist. Vergleiche werden vor && und || ausgewertet, also braucht height >= 120 && age >= 8 keine zusätzlichen Klammern, auch wenn sie nie schaden.

Noch eine Idee, die dir später begegnet: Wenn JavaScript einen Boolean braucht, aber einen anderen Wert bekommt, behandelt es einige Werte als false. Diese falsy-Werte sind false, 0, der leere String "", null, undefined und NaN. Alles andere zählt als true, auch "0" und "false" als Strings.