HTMLCSSJavaScriptIndexRoadmapImpressum

Operatoren

Arithmetische Operatoren

Mit diesen Operatoren führst du mathematische Berechnungen aus.

OperatorBedeutungBeispielErgebnis
+Addition5 + 38
-Subtraktion5 - 32
*Multiplikation5 * 315
/Division6 / 23
%Modulo / Restwert7 % 31
**Potenz2 ** 38

Zuweisungsoperatoren

Zuweisungs Operator

1let zahl = 10;

Kombinatoren

OperatorBedeutungBeispiel
=Wert zuweisenx = 5
+=Addieren und speichernx += 2
-=Subtrahieren und speichernx -= 2
*=Multiplizieren und speichernx *= 2
/=Dividieren und speichernx /= 2
%=Modulo berechnen und speichernx %= 2
**=Potenz berechnen und speichernx **= 2

Kombinatoren

1let x = 10;
2
3x += 5; // 15
4x -= 3; // 12
5x *= 2; // 24
6x /= 6; // 4

Verglichsoperatoren

Sie vergleichen zwei Werte und liefern immer einen Boolean (true oder false).

OperatorBedeutungBeispielErgebnis
==Gleich (mit Typumwandlung)5 == "5"true
===Strikt gleich5 === "5"false
!=Ungleich (mit Typumwandlung)5 != "6"true
!==Strikt ungleich5 !== "5"true
>Größer als7 > 3true
<Kleiner als2 < 5true
>=Größer oder gleich5 >= 5true
<=Kleiner oder gleich4 <= 6true

Logische Operatoren

Sie verbinden mehrere Bedingungen

OperatorBedeutungBeschreibung
&&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.

OperatorBedeutungBeispielErgebnis
++Um 1 erhöhen (Inkrement)x++ oder ++xx + 1
--Um 1 verringern (Dekrement)x-- oder --xx - 1

Inkrement und Dekrement

1let zaehler = 5;
2
3zaehler++; // 6
4zaehler--; // 5
5
6console.log(zaehler);

Output

5

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);   // 6

Output

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); // 3

Output

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

KategorieOperatoren
Arithmetische Operatoren+, -, *, /, %, **
Zuweisungsoperatoren=, +=, -=, *=, /=, %=, **=
Vergleichsoperatoren==, ===, !=, !==, >, <, >=, <=
Logische Operatoren&&, ||, !
Inkrementoperator++
Dekrementoperator--
Ternärer Operator?:

Im nächsten Kapitel lernst du: Strings