JavaScript - Logische Operatoren

Hallo da draußen, zukünftige JavaScript-Zauberer! Heute machen wir uns auf eine aufregende Reise in die Welt der logischen Operatoren. Keine Sorge, wenn du neu im Programmieren bist – ich werde dein freundlicher Guide sein, und wir werden dieses Thema Schritt für Schritt erkunden. Am Ende dieser Lektion wirst du logische Operatoren wie ein Profi einsetzen können!

JavaScript Logische Operatoren

Logische Operatoren sind die Entscheidungsträger der Programmierungswelt. Sie helfen uns, Entscheidungen zu treffen und den Fluss unseres Codes zu steuern. In JavaScript haben wir drei Hauptlogische Operatoren:

Operator	Name	Beschreibung
&&	AND	Gibt wahr zurück, wenn beide Operanden wahr sind
||	OR	Gibt wahr zurück, wenn mindestens ein Operand wahr ist
!	NOT	Kehrt den booleschen Wert seines Operanden um

Lassen Sie uns einen Blick auf jeden dieser Operatoren werfen und sehen, wie sie ihre Magie entfalten!

JavaScript Logischer UND (&&) Operator

Der UND-Operator (&&) ist wie ein strenger Elternteil – er gibt nur wahr zurück, wenn beide seine Operanden wahr sind. Wenn ein Operand falsch ist, ist das Ergebnis falsch.

Sehen wir uns einige Beispiele an:

let istErwachsen = true;
let hatAusweis = true;

console.log(istErwachsen && hatAusweis); // Ausgabe: true

let istMüde = true;
let hatKaffee = false;

console.log(istMüde && hatKaffee); // Ausgabe: false

Im ersten Beispiel sind sowohl istErwachsen als auch hatAusweis wahr, daher ist das Ergebnis wahr. Es ist, als würde man sagen: "Du kannst in den Club eintreten, wenn du erwachsen bist UND einen Ausweis hast." Beide Bedingungen müssen erfüllt sein.

Im zweiten Beispiel ist istMüde wahr, aber hatKaffee falsch, daher ist das Ergebnis falsch. Es ist, als würde man sagen: "Ich werde produktiv sein, wenn ich müde bin UND Kaffee habe." Da kein Kaffee da ist, gibt es keine Produktivität!

JavaScript Logischer ODER (||) Operator

Der ODER-Operator (||) ist nachsichtiger – er gibt wahr zurück, wenn mindestens einer seiner Operanden wahr ist. Er gibt nur falsch zurück, wenn beide Operanden falsch sind.

Hier sind einige Beispiele:

let hat Bargeld = true;
let hatKarte = false;

console.log(hat Bargeld || hatKarte); // Ausgabe: true

let regnet = false;
let schneit = false;

console.log(regnet || schneit); // Ausgabe: false

Im ersten Beispiel ist hat Bargeld wahr, daher ist das Ergebnis wahr, auch wenn hatKarte falsch ist. Es ist, als würde man sagen: "Du kannst das Item kaufen, wenn du Bargeld ODER eine Karte hast." Eine davon reicht aus.

Im zweiten Beispiel sind sowohl regnet als auch schneit falsch, daher ist das Ergebnis falsch. Es ist, als würde man sagen: "Ich bleibe drinnen, wenn es regnet ODER schneit." Da weder das eine noch das andere passiert, kannst du nach draußen gehen!

JavaScript Logischer NICHT (!) Operator

Der NICHT-Operator (!) ist der Rebellen unter ihnen – er kehrt den booleschen Wert seines Operanden um. Wenn etwas wahr ist, macht er es falsch, und umgekehrt.

Sehen wir uns das in Aktion an:

let istSonnig = true;

console.log(!istSonnig); // Ausgabe: false

let istMontag = false;

console.log(!istMontag); // Ausgabe: true

Im ersten Beispiel ist istSonnig wahr, aber !istSonnig ist falsch. Es ist, als würde man sagen: "Es ist nicht sonnig," wenn es actually sonnig ist.

Im zweiten Beispiel ist istMontag falsch, aber !istMontag ist wahr. Es ist, als würde man feiern, dass es nicht Montag ist!

Logische Operatoren Vorrangigkeit

Wie in Mathematik haben logische Operatoren eine Rangfolge. Hier ist, wie sie rangieren:

1. NICHT (!)
2. UND (&&)
3. ODER (||)

Das bedeutet, dass NICHT zuerst ausgewertet wird, dann UND und schließlich ODER. Sehen wir uns ein Beispiel an:

let a = true;
let b = false;
let c = true;

console.log(a || b && !c); // Ausgabe: true

So wird dies ausgewertet:

1. Zuerst wird !c ausgewertet: !true wird zu false
2. Dann wird b && false ausgewertet: false && false ist false
3. Schließlich wird a || false ausgewertet: true || false ist true

Also ist das endgültige Ergebnis wahr.

Kurzschlussbewertung

Kurzschlussbewertung ist ein cooler Trick, den JavaScript verwendet, um logische Operationen zu optimieren. Es bedeutet, dass JavaScript in einigen Fällen nicht alle Teile eines logischen Ausdrucks auswerten muss, um das Ergebnis zu bestimmen.

Für den UND-Operator:

console.log(false && anything); // Ausgabe: false

In diesem Fall weiß JavaScript, dass wenn der erste Operand falsch ist, der gesamte Ausdruck falsch sein wird, daher wertet es anything nicht aus.

Für den ODER-Operator:

console.log(true || anything); // Ausgabe: true

Hier sieht JavaScript, dass der erste Operand wahr ist, daher weiß es, dass der gesamte Ausdruck wahr sein wird, unabhängig von anything.

Dies kann sehr nützlich sein, um Fehler zu vermeiden. Zum Beispiel:

let benutzer = null;

console.log(benutzer && benutzer.name); // Ausgabe: null

Wenn benutzer null ist, shortcircuits JavaScript und gibt null zurück, ohne benutzer.name auszuwerten, was einen Fehler verursachen würde.

Und das war's, Leute! Ihr Crash-Kurs in JavaScript-Logische Operatoren ist abgeschlossen. Denken Sie daran, dass diese kleinen Symbole mächtige Werkzeuge in Ihrem Programmierwerkzeugkasten sind. Sie helfen Ihnen, Entscheidungen zu treffen, den Fluss Ihres Codes zu steuern und sogar Fehler zu verhindern.

Während Sie Ihre JavaScript-Reise fortsetzen, werden Sie diese Operatoren immer öfter verwenden. Scheuen Sie sich nicht, mit ihnen zu experimentieren – das ist, wie Sie wirklich ihren Gebrauch meistern. Frohes Coden und möge Ihre logischen Operationen immer die Ergebnisse liefern, die Sie erwarten!

Credits: Image by storyset