5
Operatoren
Arithmetische Operatoren
Mit diesen Operatoren führst du mathematische Berechnungen aus.
| Operator | Bedeutung | Beispiel | Ergebnis |
|---|---|---|---|
+ | Addition | 5 + 3 | 8 |
- | Subtraktion | 5 - 3 | 2 |
* | Multiplikation | 5 * 3 | 15 |
/ | Division | 6 / 2 | 3 |
% | Modulo / Restwert | 7 % 3 | 1 |
** | Potenz | 2 ** 3 | 8 |
Zuweisungsoperatoren
Zuweisungs Operator
1let zahl = 10;Kombinatoren
| Operator | Bedeutung | Beispiel |
|---|---|---|
= | Wert zuweisen | x = 5 |
+= | Addieren und speichern | x += 2 |
-= | Subtrahieren und speichern | x -= 2 |
*= | Multiplizieren und speichern | x *= 2 |
/= | Dividieren und speichern | x /= 2 |
%= | Modulo berechnen und speichern | x %= 2 |
**= | Potenz berechnen und speichern | x **= 2 |
Kombinatoren
1let x = 10;
2
3x += 5; // 15
4x -= 3; // 12
5x *= 2; // 24
6x /= 6; // 4Verglichsoperatoren
Sie vergleichen zwei Werte und liefern immer einen Boolean (true oder false).
| Operator | Bedeutung | Beispiel | Ergebnis |
|---|---|---|---|
== | Gleich (mit Typumwandlung) | 5 == "5" | true |
=== | Strikt gleich | 5 === "5" | false |
!= | Ungleich (mit Typumwandlung) | 5 != "6" | true |
!== | Strikt ungleich | 5 !== "5" | true |
> | Größer als | 7 > 3 | true |
< | Kleiner als | 2 < 5 | true |
>= | Größer oder gleich | 5 >= 5 | true |
<= | Kleiner oder gleich | 4 <= 6 | true |
Logische Operatoren
Sie verbinden mehrere Bedingungen
| Operator | Bedeutung | Beschreibung |
|---|---|---|
&& | UND (AND) | Gibt true zurück, wenn beide Bedingungen wahr sind. |
|| | ODER (OR) | Gibt true zurück, wenn mindestens eine der Bedingungen wahr ist. |
! | NICHT (NOT) | Kehrt einen booleschen Wert um: Aus true wird false und umgekehrt. |
Inkrement- und Dekrementoperatoren
Mit diesen Operatoren erhöhst oder verringerst du eine Zahl um genau 1.Sie sind eine Kurzform für += 1 bzw. -= 1 und kommen oft bei Zählern oder Schleifen vor.
| Operator | Bedeutung | Beispiel | Ergebnis |
|---|---|---|---|
++ | Um 1 erhöhen (Inkrement) | x++ oder ++x | x + 1 |
-- | Um 1 verringern (Dekrement) | x-- oder --x | x - 1 |
Inkrement und Dekrement
1let zaehler = 5;
2
3zaehler++; // 6
4zaehler--; // 5
5
6console.log(zaehler);Output
Präfix vs. Postfix
Der Operator kann vor oder hinter der Variable stehen. Der Unterschied liegt darin, wann der Wert geändert wird:
++x/--x(Präfix): Zuerst wird der Wert geändert, dann zurückgegeben.x++/x--(Postfix): Zuerst wird der alte Wert zurückgegeben, dann geändert.
Präfix und Postfix
1let a = 5;
2let b = 5;
3
4console.log(++a); // 6 (erst erhöhen, dann ausgeben)
5console.log(a); // 6
6
7console.log(b++); // 5 (erst ausgeben, dann erhöhen)
8console.log(b); // 6Output
6
6
5
6
In der Praxis nutzt du meist die einfache Form zaehler++, wenn du nur den Wert erhöhen willst – zum Beispiel bei einem Punktestand:
Zähler erhöhen
1let punkte = 0;
2
3punkte++;
4punkte++;
5punkte++;
6
7console.log(punkte); // 3Output
3
String-Verkettung
Mit dem Plus-Operator + kannst du Texte (Strings) aneinanderhängen.Der Fachbegriff dafür ist Verkettung oder Konkatenation. So baust du zum Beispiel Sätze, Namen oder Meldungen aus mehreren Teilen zusammen.
Strings verketten
1let vorname = "Anna";
2let nachname = "Müller";
3
4let vollerName = vorname + " " + nachname;
5
6console.log(vollerName);Output
Anna Müller
Text und Zahlen kombinieren
Steht mindestens ein String in der Verkettung, wandelt JavaScript Zahlen automatisch in Text um. Deshalb liefert "5" + 3 den String "53" – und nicht die Summe 8.
String und Zahl
1let alter = 25;
2
3console.log("Ich bin " + alter + " Jahre alt.");
4console.log("5" + 3); // "53" (Text + Zahl = Text)
5console.log(5 + 3); // 8 (Zahl + Zahl = Addition)Output
Ich bin 25 Jahre alt.
53
8
Text anhängen mit +=
Mit += hängst du an einen bestehenden String einfach weiteren Text an – ähnlich wie bei Zahlen, nur dass hier kein gerechnet, sondern verkettet wird.
Text anhängen
1let text = "Hallo";
2
3text += " Welt";
4text += "!";
5
6console.log(text);Output
Hallo Welt!
Template Literals (moderne Schreibweise)
Mit Backticks (`) und ${variable} kannst du Variablen direkt in einen Text einfügen. Das ist oft übersichtlicher als viele+-Verkettungen.
Template Literal
1let name = "Max";
2let alter = 30;
3
4let satz = `Hallo, ich heiße ${name} und bin ${alter} Jahre alt.`;
5
6console.log(satz);Output
Hallo, ich heiße Max und bin 30 Jahre alt.
Ternärer Operator
Kurze if-else-Abfrage in einer Zeile: bedingung ? wertWennWahr : wertWennFalsch
Ternärer Operator
1let alter = 17;
2
3let status = alter >= 18 ? "volljährig" : "minderjährig";
4
5console.log(status);Output
minderjährig
Zusammenfassung
| Kategorie | Operatoren |
|---|---|
| Arithmetische Operatoren | +, -, *, /, %, ** |
| Zuweisungsoperatoren | =, +=, -=, *=, /=, %=, **= |
| Vergleichsoperatoren | ==, ===, !=, !==, >, <, >=, <= |
| Logische Operatoren | &&, ||, ! |
| Inkrementoperator | ++ |
| Dekrementoperator | -- |
| Ternärer Operator | ?: |
Im nächsten Kapitel lernst du: Strings