Logische Operatoren in JavaScript beherrschen: `||`, `&&` und `!`
Sep 19, 2024 pm 04:31 PMIn 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!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial

8 atemberaubende JQuery -Seiten -Layout -Plugins

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

10 JavaScript & JQuery MVC -Tutorials
