Vergleich zwischen Zahlen

Vergleich zwischen Strings

Vergleich mit impliziter Typkonvertierung (==, !=)

Vergleich ohne Typkonvertierung (===, !==)

Objektvergleiche

In-Operator

Instanceof-Operator

Praxisbeispiele

Sichere Typüberprüfung

// Unterschied zwischen == und ===
let x = 0;
let y = "";

console.log(x == y);  // true (mit Typkonvertierung)
console.log(x === y); // false (ohne Typkonvertierung)

Objekt-Eigenschaftsprüfung

const benutzer = {
    name: "Max",
    alter: 30
};

// Sicherer Zugriff auf möglicherweise nicht existierende Eigenschaften
if ("adresse" in benutzer) {
    console.log(benutzer.adresse);
} else {
    console.log("Keine Adresse vorhanden");
}

Typüberprüfung für Arrays

// Problem bei Array-Erkennung
console.log(typeof []); // "object" (nicht hilfreich)

// Bessere Prüfung mit instanceof oder Array.isArray()
console.log([] instanceof Array); // true
console.log(Array.isArray([]));   // true (bevorzugte Methode)

Verhalten bei null und undefined

// Unterschiede bei null/undefined-Vergleichen
console.log(null == undefined);  // true
console.log(null === undefined); // false

console.log(null == 0);  // false (Spezialfall)
console.log(undefined == 0); // false

Empfohlene Praktiken

1. Verwende === und !== für konsistentere, sicherere Vergleiche ohne unerwartete Typkonvertierungen.
2. Nutze Array.isArray() statt instanceof für Array-Prüfungen (funktioniert auch mit verschiedenen Kontexten).
3. Verwende den in-Operator mit einer zusätzlichen hasOwnProperty-Prüfung, wenn du nur direkte (nicht geerbte) Eigenschaften prüfen willst.
4. Sei vorsichtig bei Vergleichen mit NaN – nutze stattdessen Number.isNaN().

Diese Referenztabelle sollte dir einen umfassenden Überblick über die relationalen Operatoren in JavaScript und ihre Verhaltensweisen geben.