Operatoren

Operatoren sind essenzielle Bausteine jeder Programmiersprache, und JavaScript bildet hier keine Ausnahme. Sie ermöglichen es, Werte zu manipulieren, Vergleiche anzustellen, logische Entscheidungen zu treffen und komplexe Berechnungen durchzuführen.

Was sind Operatoren?

Operatoren sind Symbole oder Schlüsselwörter, die Operationen auf Operanden (Werte oder Variablen) ausführen. Sie können mathematische Berechnungen durchführen, Werte vergleichen oder logische Verknüpfungen erstellen.

Beispiel:

let sum = 5 + 3;
// "+" ist der Operator, "5" und "3" sind Operanden

let sum = 5 + 3;
// "+" ist der Operator, "5" und "3" sind Operanden

Hier ist + ein arithmetischer Operator, der die beiden Zahlen addiert.

Arten von Operatoren in JavaScript

JavaScript bietet eine Vielzahl von Operatoren, die in verschiedene Kategorien unterteilt werden können:

Arithmetische Operatoren

Diese führen mathematische Berechnungen durch.

Beispiel:

let x = 10;
x++; // x wird um 1 erhöht → 11
console.log(x); // Ausgabe: 11

let x = 10;
x++; // x wird um 1 erhöht → 11
console.log(x); // Ausgabe: 11

Hinweis:
++x (Prä-Inkrement) erhöht zuerst und gibt dann den Wert zurück, während x++ (Post-Inkrement) zuerst den Wert zurückgibt und dann erhöht.

Vergleichsoperatoren (Relationale Operatoren)

Diese vergleichen zwei Werte und geben einen booleschen Wert (true oder false) zurück.

Beispiel:

console.log(5 == '5'); // true (Werte sind gleich, Typ wird ignoriert)
console.log(5 === '5'); // false (Typen sind unterschiedlich: number vs. string)

console.log(5 == '5'); // true (Werte sind gleich, Typ wird ignoriert)
console.log(5 === '5'); // false (Typen sind unterschiedlich: number vs. string)

Wichtig:
Der strikte Gleichheitsoperator (===) ist meistens vorzuziehen, da er auch den Datentyp berücksichtigt und unerwartete Fehler vermeidet.

Logische Operatoren

Diese verknüpfen boolesche Werte und werden oft in Bedingungen verwendet.

Beispiel:

let alter = 25;
let hatFührerschein = true;

if (alter >= 18 && hatFührerschein) {
    console.log("Darf Auto fahren.");
} else {
    console.log("Darf nicht Auto fahren.");
}
// Ausgabe: "Darf Auto fahren."

let alter = 25;
let hatFührerschein = true;

if (alter >= 18 && hatFührerschein) {
    console.log("Darf Auto fahren.");
} else {
    console.log("Darf nicht Auto fahren.");
}
// Ausgabe: "Darf Auto fahren."

Kurzschlussauswertung (Short-Circuit Evaluation):
Bei && wird der zweite Operand nur ausgewertet, wenn der erste true ist.
Bei || wird der zweite Operand nur ausgewertet, wenn der erste false ist.

let name = "";
console.log(name || "Gast"); // "Gast" (falls name leer ist)

let name = "";
console.log(name || "Gast"); // "Gast" (falls name leer ist)

Zuweisungsoperatoren

Diese weisen Variablen Werte zu und können auch Berechnungen kombinieren.

Beispiel:

let x = 10;
x += 5; // x wird zu 15
console.log(x); // 15

let x = 10;
x += 5; // x wird zu 15
console.log(x); // 15

Bedingter (ternär) Operator

Dies ist eine Kurzform für eine if-else Bedingung.

Syntax:
bedingung ? ausdruckWennWahr : ausdruckWennFalsch

Beispiel:

let alter = 20;
let status = (alter >= 18) ? "Erwachsen" : "Minderjährig";
console.log(status); // "Erwachsen"

let alter = 20;
let status = (alter >= 18) ? "Erwachsen" : "Minderjährig";
console.log(status); // "Erwachsen"

Typoperatoren

Diese helfen, den Typ eines Werts zu überprüfen.
typeof – Gibt den Datentyp als String zurück.
instanceof – Prüft, ob ein Objekt einer bestimmten Klasse angehört.

Beispiel:

console.log(typeof 42); // "number"
console.log(typeof "Hallo"); // "string"
console.log([] instanceof Array); // true

console.log(typeof 42); // "number"
console.log(typeof "Hallo"); // "string"
console.log([] instanceof Array); // true

Bitweise Operatoren

Diese arbeiten auf Binärebene (selten genutzt, aber mächtig).

Beispiel:

let a = 5; // 0101 (binär)
let b = 3; // 0011 (binär)
console.log(a & b); // 0001 → 1 (Bitweises UND)

let a = 5; // 0101 (binär)
let b = 3; // 0011 (binär)
console.log(a & b); // 0001 → 1 (Bitweises UND)

Besonderheiten und Fallstricke

+ als Verkettungsoperator:
Wenn ein Operand ein String ist, wird eine String-Konkatenation durchgeführt.

console.log(3 + "5"); // "35" (string)

console.log(3 + "5"); // "35" (string)

Automatische Typumwandlung (Type Coercion):
JavaScript versucht, unterschiedliche Typen anzupassen, was zu unerwarteten Ergebnissen führen kann.

console.log("5" - 2); // 3 (string wird zu number)

console.log("5" - 2); // 3 (string wird zu number)

Nullish Coalescing (??):
Gibt den rechten Wert zurück, wenn der linke null oder undefined ist.

let userInput = null;
console.log(userInput ?? "Default"); // "Default"

let userInput = null;
console.log(userInput ?? "Default"); // "Default"

Ein wichtiges Werkzeug,

Operatoren sind ein wichtiges Werkzeug, um in JavaScript Berechnungen, Vergleiche und logische Verknüpfungen durchzuführen. Durch das Verständnis der verschiedenen Typen (arithmetisch, logisch, Vergleich, Zuweisung etc.) können Sie präzisen und effizienten Code schreiben. Wichtig ist, die Eigenheiten von JavaScript (wie Typumwandlung) zu kennen, um Fehler zu vermeiden. Mit diesem Wissen sind Sie gut gerüstet, um Operatoren gezielt einzusetzen.