Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-09-19 16:31:03
Original
502 Leute haben es durchsucht

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;

Nach dem Login kopieren

Beispiel:

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

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

Nach dem Login kopieren

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;

Nach dem Login kopieren

Beispiel:

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

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

Nach dem Login kopieren

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;

Nach dem Login kopieren

Beispiel:

let isTrue = true;
let isFalse = !isTrue;

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

Nach dem Login kopieren

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!

Nach dem Login kopieren

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!");
}

Nach dem Login kopieren

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!");
}

Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!