Heim > Web-Frontend > js-Tutorial > Bedingte JavaScript-Anweisungen: Ein Leitfaden zum Treffen von Entscheidungen im Code

Bedingte JavaScript-Anweisungen: Ein Leitfaden zum Treffen von Entscheidungen im Code

Barbara Streisand
Freigeben: 2025-01-01 08:12:10
Original
870 Leute haben es durchsucht

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.

1️⃣ if-Anweisung

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
}
Nach dem Login kopieren

?Beispiel:

let num = 0
if(num === 0){
    console.log('Number is zero') // Output: Number is zero
}
Nach dem Login kopieren

2️⃣ if-else-Anweisung

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
}
Nach dem Login kopieren

?Beispiel:

let num = -10;
if(num > 0){
    console.log('Number is positive')
}else{
    console.log('Number is negative') // Output: Number is negative
}
Nach dem Login kopieren

3️⃣ else if-Anweisung

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
}
Nach dem Login kopieren

?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')
}
Nach dem Login kopieren

4️⃣ switch-Anweisung

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
}
Nach dem Login kopieren

?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")
}
Nach dem Login kopieren

5️⃣ Ternärer Operator

Der ternäre Operator ist eine Abkürzung für die if-else-Anweisung.
⭐ Syntax:

condition ? expressionIfTrue : expressionIfFalse;
Nach dem Login kopieren

?Beispiel:

let num = 20
let result = num >= 0 ? "Number is positive" : "Number is negative";
console.log(result) // Output: Number is positive
Nach dem Login kopieren

6️⃣ Verschachtelte if-else-Anweisung

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
}
Nach dem Login kopieren

?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");
}
Nach dem Login kopieren

? 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:

  1. Schalter: Am besten zum Vergleichen mehrerer fester Werte mit einer einzelnen Variablen geeignet. Verwenden Sie es daher, um einen einzelnen Wert direkt zu vergleichen.
  2. verschachteltes if-else oder else if: Nützlich, wenn die Bedingungen kompliziert sind oder mehrere Variablen oder Ausdrücke enthalten. Nutzen Sie sie daher für komplexe Bedingungen oder Szenarien, die mehrere Prüfungen erfordern. JavaScript Conditional Statements: A Guide to Making Decisions in Code

Abschluss

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!

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