Heim >Web-Frontend >js-Tutorial >Bedingte JavaScript-Anweisungen: Ein Leitfaden zum Treffen von Entscheidungen im Code
Entscheidungen zu treffen ist ein wesentlicher Bestandteil der JavaScript-Programmierung. Bedingte Anweisungen ermöglichen es Ihnen, abhängig von bestimmten Bedingungen alternative Aktionen durchzuführen, sodass sich Ihr Code an eine Vielzahl von Kontexten anpassen kann. Bedingte Anweisungen sind Ihr bevorzugtes Werkzeug zur logischen Steuerung, egal ob Sie ein Spiel entwickeln, Benutzereingaben verarbeiten oder den Datenfluss regulieren. In diesem Blog werfen wir einen Blick auf die vielen Formen von JavaScript-Bedingungsanweisungen und wie sie verwendet werden.
Die if-Anweisung führt einen Code aus, wenn eine angegebene Bedingung wahr ist.
⭐ Syntax:
if (condition) { // Code to execute if a condition is true }
?Beispiel:
let num = 0 if(num === 0){ console.log('Number is zero') // Output: Number is zero }
Wenn die Bedingung der if-Anweisung falsch ist, stellt die else-Anweisung einen alternativen Codeblock bereit.
⭐ Syntax:
if (condition) { // Code to execute if condition is true } else { // Code to execute if condition is false }
?Beispiel:
let num = -10; if(num > 0){ console.log('Number is positive') }else{ console.log('Number is negative') // Output: Number is negative }
Mit der else if-Anweisung können Sie viele Bedingungen nacheinander überprüfen.
⭐ Syntax:
if (condition1) { // Code to execute if condition1 is true } else if (condition2) { // Code to execute if condition2 is true } else { // Code to execute if none of the conditions are true }
?Beispiel:
let num = 0; if(num > 0){ console.log('Number is positive') }else if (num <= 0){ console.log('Number is negative') // Output: Number is negative }else { console.log('Number is zero') }
Die switch-Anweisung untersucht einen Ausdruck und vergleicht ihn mit mehreren Fallbedingungen.
⭐ Syntax:
switch (expression) { case value1: // Code to execute if expression matches value1 break; case value2: // Code to execute if expression matches value2 break; default: // Code to execute if no cases match }
?Beispiel:
const color = 'red' switch(color){ case 'red': console.log("Color is red") // Output: Color is red break case 'blue': console.log("Color is blue") break case 'green': console.log("Color is green") break default: console.log("Not a valid color") }
Der ternäre Operator ist eine Abkürzung für die if-else-Anweisung.
⭐ Syntax:
condition ? expressionIfTrue : expressionIfFalse;
?Beispiel:
let num = 20 let result = num >= 0 ? "Number is positive" : "Number is negative"; console.log(result) // Output: Number is positive
Sie können komplizierte Bedingungen handhaben, indem Sie eine if-Anweisung in einer anderen verschachteln.
⭐ Syntax:
if (condition1) { if (condition2) { // Code to execute if both condition1 and condition2 are true } else { // Code to execute if condition1 is true but condition2 is false } } else { // Code to execute if condition1 is false }
?Beispiel:
let num = 20 let operation = "+"; if (num >= 0) { if (operation === "+") { console.log("Sum of number is " + (num + 100)); // Output: Sum of number is 120 } else { console.log("Invalid choice"); } } else { console.log("Negative values not allowed"); }
? Switch vs. verschachteltes If-Else oder else-if: Auswahl des richtigen Tools
Nun stellt sich für die Prüfung mehrerer Testfälle die Frage: Welche Anweisung sollten wir verwenden: switch, verschachteltes if-else oder else-if? Alle ermöglichten es Ihnen, mit verschiedenen Situationen umzugehen. Sie waren jedoch für bestimmte Szenarien geeignet:
Bedingte Anweisungen sind eine Grundlage der logischen Steuerung in JavaScript und ermöglichen es Entwicklern, interaktive und dynamische Programme zu erstellen. Von der Einfachheit der if-Anweisung bis zur Eleganz des ternären Operators: Die Kenntnis dieser Konstruktionen wird Ihre Programmierfähigkeiten verbessern. Beginnen Sie mit diesen Aussagen zu experimentieren, um herauszufinden, wie sie Ihren Projekten mehr Flexibilität und Entscheidungskraft verleihen können.
Haben Sie coole Beispiele dafür, wie Sie bedingte Anweisungen verwendet haben? Teilen Sie sie in den Kommentaren unten! ?
Viel Spaß beim Codieren!✨
Das obige ist der detaillierte Inhalt vonBedingte JavaScript-Anweisungen: Ein Leitfaden zum Treffen von Entscheidungen im Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!