Heim  >  Artikel  >  Web-Frontend  >  Logische Operatoren in JavaScript beherrschen: `||`, `&&` und `!`

Logische Operatoren in JavaScript beherrschen: `||`, `&&` und `!`

Linda Hamilton
Linda HamiltonOriginal
2024-09-19 16:31:03524Durchsuche

Mastering Logical Operators in JavaScript: `||`, `&&`, and `!`

In diesem Blog untersuchen wir die logischen Operatoren in JavaScript: || (OR), && (AND) und ! (NICHT). Diese Operatoren sind für die Erstellung komplexer Bedingungen und die Steuerung des Programmablaufs unerlässlich. Lasst uns eintauchen!

Logischer Operator || (ODER)

Der Operator || gibt den ersten wahrheitsgemäßen Wert zurück, auf den er trifft. Wenn alle Werte falsch sind, wird der letzte Wert zurückgegeben.

Syntax:

result = value1 || value2 || value3;

Beispiel:

let a = false;
let b = null;
let c = "Hello";

let result = a || b || c;
console.log(result); // Output: "Hello"

Erklärung:

  • a ist falsch (falsch).
  • b ist null (falsch).
  • c ist „Hallo“ (Wahrheit).

Der ||-Operator gibt den ersten wahren Wert zurück, nämlich "Hallo".

Logischer Operator && (AND)

Der Operator && gibt den ersten falschen Wert zurück, auf den er trifft. Wenn alle Werte wahr sind, wird der letzte Wert zurückgegeben.

Syntax:

result = value1 && value2 && value3;

Beispiel:

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // Output: 0

Erklärung:

  • x ist wahr (Wahrheit).
  • y ist 10 (Wahrheit).
  • z ist 0 (falsch).

Der Operator && gibt den ersten falschen Wert zurück, nämlich 0.

Logischer Operator ! (NICHT)

Der !-Operator gibt den entgegengesetzten booleschen Wert seines Operanden zurück.

Syntax:

result = !value;

Beispiel:

let isTrue = true;
let isFalse = !isTrue;

console.log(isFalse); // Output: false

Erklärung:

  • istTrue ist wahr.
  • !isTrue gibt false zurück.

Praxisbeispiele

Lassen Sie uns alles mit einigen praktischen Beispielen zusammenfassen:

Mit || für Standardwerte

function greet(name) {
  name = name || "Guest";
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

Erklärung:

  • Wenn Name nicht angegeben wird, weist der || Operator den Standardwert „Gast“ zu.

Verwenden von && für die bedingte Ausführung

let user = {
  name: "John",
  age: 25,
  isAdmin: true
};

if (user.isAdmin && user.age > 18) {
  console.log("Welcome, Admin!");
} else {
  console.log("Welcome, User!");
}

Erklärung:

  • Der && Operator prüft, ob beide Bedingungen (user.isAdmin und user.age > 18) wahr sind.

Verwenden ! zur Verneinung

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

Erklärung:

  • Der ! Operator negiert den Wert von isLoggedIn. Wenn isLoggedIn false ist, ist !isLoggedIn true.

Zusammenfassung

  • || (ODER): Gibt den ersten wahren Wert oder den letzten Wert zurück, wenn alle falsch sind.
  • && (AND): Gibt den ersten falschen Wert oder den letzten Wert zurück, wenn alle wahr sind.
  • ! (NICHT): Gibt den entgegengesetzten booleschen Wert seines Operanden zurück.

Fazit

Logische Operatoren sind leistungsstarke Werkzeuge in JavaScript, mit denen Sie komplexe Bedingungen erstellen und den Ablauf Ihrer Programme steuern können. Wenn Sie ||, && und ! beherrschen, können Sie dynamischeren und effizienteren Code schreiben. Üben und erforschen Sie weiter, um Ihr Verständnis der logischen Operatoren in JavaScript zu vertiefen.

Bleiben Sie dran für ausführlichere Blogs zu JavaScript! Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonLogische Operatoren in JavaScript beherrschen: `||`, `&&` und `!`. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn