Heim > Web-Frontend > js-Tutorial > Bedingte Anweisungen in JavaScript beherrschen: if, else und switch erklärt

Bedingte Anweisungen in JavaScript beherrschen: if, else und switch erklärt

Mary-Kate Olsen
Freigeben: 2024-12-29 19:08:16
Original
648 Leute haben es durchsucht

Mastering Conditional Statements in JavaScript: if, else, and switch Explained

### Bedingte Anweisungen in JavaScript (if, else, switch)

Bedingte Anweisungen in JavaScript werden verwendet, um verschiedene Aktionen basierend auf unterschiedlichen Bedingungen auszuführen. Sie helfen dabei, den Ausführungsfluss in einem Programm zu steuern und ermöglichen dem Programm, Entscheidungen zu treffen. Die am häufigsten verwendeten bedingten Anweisungen sind if, else und switch.


### 1. **if-Anweisung**

Die if-Anweisung wird verwendet, um einen Codeblock auszuführen, wenn eine angegebene Bedingung wahr ist.

#### Syntax:

if (condition) {
  // code to be executed if condition is true
}
Nach dem Login kopieren

#### Beispiel:

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
}
Nach dem Login kopieren

Ausgabe: Du bist ein Erwachsener.


### 2. **if...else-Anweisung**

Mit der if...else-Anweisung können Sie einen Codeblock ausführen, wenn die Bedingung wahr ist, und einen anderen Codeblock, wenn die Bedingung falsch ist.

#### Syntax:

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}
Nach dem Login kopieren

#### Beispiel:

let age = 16;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}
Nach dem Login kopieren

Ausgabe: Sie sind minderjährig.


### 3. **if...else if...else Statement**

Die if...else if...else-Anweisung wird verwendet, wenn Sie mehrere Bedingungen überprüfen müssen. Wenn die erste Bedingung falsch ist, prüft es die nächste Bedingung und so weiter.

#### Syntax:

if (condition1) {
  // code to be executed if condition1 is true
} else if (condition2) {
  // code to be executed if condition2 is true
} else {
  // code to be executed if no conditions are true
}
Nach dem Login kopieren

#### Beispiel:

let age = 20;
if (age < 18) {
  console.log("You are a minor.");
} else if (age >= 18 && age <= 65) {
  console.log("You are an adult.");
} else {
  console.log("You are a senior.");
}
Nach dem Login kopieren

Ausgabe: Du bist ein Erwachsener.


### 4. **switch-Anweisung**

Die switch-Anweisung wird verwendet, um verschiedene Aktionen basierend auf unterschiedlichen Bedingungen auszuführen. Es ist eine sauberere und besser lesbare Alternative zur Verwendung vieler if...else if-Anweisungen.

Syntax:

switch (expression) {
  case value1:
    // code to be executed if expression === value1
    break;
  case value2:
    // code to be executed if expression === value2
    break;
  // More cases can be added
  default:
    // code to be executed if no case matches
}
Nach dem Login kopieren

#### Beispiel:

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("You selected an apple.");
    break;
  case "banana":
    console.log("You selected a banana.");
    break;
  case "orange":
    console.log("You selected an orange.");
    break;
  default:
    console.log("Unknown fruit.");
}
Nach dem Login kopieren

Ausgabe: Sie haben einen Apfel ausgewählt.


### 5. **Vergleich mit if...else vs switch**

  • if...else ist flexibler und ermöglicht komplexe Bedingungen (z. B. die Verwendung logischer Operatoren).
  • Der Schalter ist effizienter und einfacher zu lesen, wenn eine Variable auf mehrere mögliche Werte überprüft wird.

### Fazit

Bedingte Anweisungen in JavaScript (if, else und switch) sind für die Steuerung des Ausführungsflusses basierend auf verschiedenen Bedingungen unerlässlich. Verwenden Sie if für grundlegende Prüfungen, if...else für binäre Entscheidungen und wechseln Sie, wenn es um mehrere mögliche Bedingungen geht. Das Verständnis dieser Strukturen wird Ihre Fähigkeit verbessern, sauberen und effizienten Code zu schreiben.

Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.

Das obige ist der detaillierte Inhalt vonBedingte Anweisungen in JavaScript beherrschen: if, else und switch erklärt. 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