JavaScript-Operatoren
Du kennst schon, wie Werte in einer Bedingung wirken — truthy und falsy. Als Nächstes lernst du die Symbole, die mit Werten arbeiten: addieren, speichern, vergleichen oder Ja/Nein-Ergebnisse kombinieren. Das sind Operatoren. Diese Lektion ist eine Familienkarte, kein Tiefgang in jedes Symbol. Spätere Lektionen behandeln Arithmetik, Zuweisung, Vergleich und Logik einzeln.
Was ist ein Operator in JavaScript?
Ein Operator ist ein Symbol (oder kurzes Schlüsselwort), das JavaScript sagt, mit einem oder mehreren Werten etwas zu tun. Die Werte heißen Operanden. In 3 + 4 ist + der Operator, 3 und 4 sind Operanden. Fast jede Zeile enthält Operatoren — merke dir zuerst die Familiennamen, dann wirken die Symbole nicht zufällig.
Operator-Familien (Einsteigerkarte)
📊 Operator-Familien für Einsteige
| Familie | Aufgabe in einem Satz | Beispiele, die bald kommen |
|---|---|---|
| Arithmetik | mit Zahlen rechnen | + - * / % |
| Zuweisung | Wert in Variable speichern | = += |
| Vergleich | Ja/Nein-Frage zu Werten | === !== > < |
| Logik | Ja/Nein-Ergebnisse verbinden oder umkehren | && · OR · ! |
Halte diese Tabelle bereit. Neues Symbol? Frage: Welche Familie? Das hilft mehr als eine Riesenliste am ersten Tag auswendig zu lernen.
Kurzer Blick: Arithmetik
Arithmetische Operatoren arbeiten meist mit Zahlen und liefern einen neuen Wert. % ist der Rest nach Division — später nützlich für „jedes N-te“.
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
Die volle Arithmetik-Lektion folgt als Nächstes. Hier reicht Erkennen der Familie und Lesen eines kurzen Ausdrucks.
Zuweisung speichert einen Wert
= bedeutet nicht „gleich“ wie in der Mathematik. Es weist zu: rechter Wert in die Variable links.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
Kürzel wie += gehören zur gleichen Familie; du übst sie in der Zuweisungs-Lektion.
Vergleich stellt eine Frage
Vergleichsoperatoren liefern ein Boolean: true oder false. Für Einsteiger besser === (strikte Gleichheit) — prüft Wert und Typ. Die tiefere Vergleichs-Lektion kommt später.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" ist false, weil Zahl und Zeichenkette verschiedene Typen sind. Das ist eine Eigenschaft strikter Gleichheit — kein Fehler.
Logik kombiniert Ja/Nein
Logische Operatoren arbeiten mit boolean-ähnlichen Ergebnissen. && braucht beide Seiten truthy. || braucht mindestens eine. ! kehrt truthy/falsy um. Die Idee kennst du schon; hier verbindest du mehrere Checks.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
Vorsicht bei +: addieren oder verbinden?
Zwei Zahlen mit + → meist Addition. Steht auf einer Seite ein String, verbindet + oft (Konkatenation). Das sahst du bei der Typumwandlung — gehört auch auf die Operator-Karte.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
Ausdruck auf der Seite zeigen
Ein kurzer Ausdruck kann den Seitentext steuern. Ändere Zahlen oder Vergleich und lade neu.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
Hier arbeiten Arithmetik (+), Vergleich (>=) und String-Verbindung (+ mit Text) zusammen. Diese Mischung ist auf echten Seiten üblich.
Selbst ausprobieren
- Logge
15 + 4,15 - 4,15 * 4,15 / 4und15 % 4. - Setze
let n = 1, dannn = n + 2, und loggen. - Logge
10 === 10und10 === "10". - Logge
true && falseundtrue || false. - Vergleiche
"7" + 1mit7 + 1. - In der HTML-Demo
aoderbso ändern, dassokzufalsewird, dann neu laden.
Häufige Fehle
=als „gleich“ lesen — es weist zu; zum Vergleichen===- Erwarten, dass
+immer addiert — mit String oft Verbinden - Alle Symbole auswendig, bevor die vier Familiennamen sitzen
- Vergleich (
===) mit Logik (&&) verwechseln — andere Aufgaben - Die Karte überspringen und zu früh zu fortgeschrittenen Operatoren springen
Kurzfassung
- Ein Operator wirkt auf Werte (Operanden)
- Einsteiger-Familien: Arithmetik, Zuweisung, Vergleich, Logik
=speichert;===vergleicht;&&/||/!kombinieren Ja/Nein+kann Zahlen addieren oder Strings verbinden- Als Nächstes: Arithmetik — tieferer Blick auf
+-*/%
🧠 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