Vergleiche
Die Zuweisung hat die benannte Box gefüllt. Jetzt fragst du, was drin ist: dasselbe? größer? schon genug? Die Antwort ist immer ja oder nein — true oder false. Diese Fragen sind Vergleichsoperatoren. Später stecken sie in Bedingungen; hier lernst du die Symbole und vertraust dem Boolean, den sie liefern.
Was ist ein Vergleich?
Ein Vergleich nimmt zwei Operanden und liefert ein Boolean. Er speichert keine neue Zahl im linken Namen (das war =). Nach 5 === 5 ist das Ergebnis true. Nach 5 === "5" ist es false, weil die Typen differieren. Du kannst das Boolean loggen, in einer Variablen halten oder auf die Seite schreiben.
Die Operatoren auf einen Blick
📊 Alltägliche Vergleichsoperatoren
| Operator | Fragt | Typisches Ergebnis |
|---|---|---|
=== |
gleicher Wert und Typ? | 5 === 5 → true |
!== |
anderer Wert oder Typ? | 5 !== "5" → true |
< |
echt kleiner? | 3 < 10 → true |
> |
echt größer? | 3 > 10 → false |
<= |
kleiner oder gleich? | 10 <= 10 → true |
>= |
größer oder gleich? | 9 >= 10 → false |
Halte das Blatt bereit. == und != gibt es auch, gelten hier aber als Anfängerfalle — sie können Typen vor dem Vergleich umwandeln. Bleib bei === / !==, bis eine spätere Lektion Zwangskonvertierung sauber erklärt.
console.log(7 === 7);
console.log(7 === "7");
console.log(7 !== 7);
console.log(7 !== "7");
let n = 7;
console.log(n === 7);
=== prüft Wert und Typ
Drei Gleichheitszeichen sind die Anfänger-Voreinstellung. Beide Seiten müssen in Wert und Typ übereinstimmen. Die Zahl 7 ist nicht der Text "7".
Die Konsole druckt true, false, false, true, true. Die letzte Zeile zeigt: eine gespeicherte Zahl vergleicht weiterhin strikt mit dem Literal 7. !== ist die Gegenfrage: „sind sie nicht dieselben?“ — hier ist 7 !== "7" true, weil die Typen differieren.
Warum Anfänger == weglassen
Zwei Gleichheitszeichen dürfen einen String in eine Zahl drehen (oder umgekehrt) und erst dann entscheiden. Das wirkt praktisch, bis es einen Fehler versteckt.
console.log(7 == "7");
console.log(7 === "7");
console.log(0 == false);
console.log(0 === false);
console.log("" == 0);
console.log("" === 0);
7 == "7" wird true, obwohl eine Seite Text ist. 7 === "7" bleibt false. Auch 0 == false und "" == 0 kommen als true — laute Überraschungen. Strikte Checks bleiben ehrlich: Zahl, Boolean und leerer String sind verschieden. In diesem Kurs === bevorzugen.
Zahlen ordnen
< > <= >= stellen Zahlen in eine Reihenfolge. Gleichheit zählt bei <= und >= als ja.
console.log(3 < 10);
console.log(3 > 10);
console.log(10 <= 10);
console.log(9 >= 10);
let score = 80;
console.log(score >= 60);
Du bekommst true, false, true, false, true. Die letzte Zeile ist die Alltagfrage „reicht die Punktzahl?“. Willst du einen Namen für die Antwort, speichere das Boolean.
let score = 80;
let pass = score >= 60;
console.log(pass);
let age = 17;
let adult = age >= 18;
console.log(adult);
pass ist true (80 schafft 60). adult ist false (17 schafft 18 nicht). Der Vergleich hat das Boolean schon erzeugt — du hast ihm nur einen Namen gegeben.
console.log("A" < "B");
console.log("B" < "A");
console.log("apple" === "apple");
console.log("Apple" === "apple");
console.log("10" < "9");
Text folgt der Wörterbuchordnung
Zeichenketten vergleichen Zeichen für Zeichen wie ein Wörterbuch — nicht wie menschliche „Größe“. "A" < "B" ist true. Großbuchstaben sind nicht Kleinbuchstaben ("Apple" === "apple" ist false). Ziffern in Anführungszeichen folgen Textregeln: "10" < "9" kann true sein, weil "1" vor "9" kommt. Mit Number() wandeln, wenn du numerisch rangieren wolltest.
Eine Prüfung auf der Seite zeigen
Berechne ein Boolean und schreibe ein kurzes Label in die Seite.
<!DOCTYPE html>
<html>
<head>
<title>Comparison — page check</title>
</head>
<body>
<p id="out">…</p>
<script>
let age = 18;
let adult = age >= 18;
let box = document.getElementById("out");
box.textContent = "adult=" + adult;
</script>
</body>
</html>
age ist 18, daher ist adult true und die Seite zeigt adult=true. Setze age auf 17, lade neu — du solltest adult=false sehen. Spätere Stunden verzweigen mit if; diese Demo druckt nur ja/nein.
Selbst ausprobieren
- Logge
8 === 8und8 === "8". - Logge
8 !== "8"und8 !== 8. - Lege
4 == "4"neben4 === "4"und sieh den Unterschied. - Speichere
let pts = 50und loggepts >= 60. - Logge
"cat" === "cat"und"Cat" === "cat". - Ändere in der HTML-Demo nur
age, lade neu, lies den neuenadult=-Text.
Typische Fehler
=schreiben, obwohl du===meintest (das speichert, fragt nicht)==nutzen, weil es „manchmal klappt“ — es wandelt auch Typen- Ziffernstrings wie Zahlen rangieren (
"10" < "9") - vergessen, dass der Vergleich schon ein Boolean liefert — kein extra
true/falsedrumwickeln - diese Familie mit logischen Operatoren (
&&||) mischen — die kombinieren ja/nein-Ergebnisse; nächste Stunde
Kurzfassung
- Ein Vergleich stellt eine Frage und liefert
trueoderfalse - Bevorzuge
===und!==(Wert und Typ) - Ordne mit
<><=>=; Gleichheit steckt in<=und>= - Strings folgen der Wörterbuchordnung, inklusive merkwürdiger Zifferntexte
==/!=als Anfänger-Default weglassen- Als Nächstes: logische Operatoren — mehrere ja/nein-Checks mit
&&,||und!verbinden
🧠 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