Heim > Web-Frontend > js-Tutorial > Hauptteil

Bedingte Verzweigung in JavaScript: „if', „else' und „?'.

DDD
Freigeben: 2024-09-19 06:18:03
Original
1046 Leute haben es durchsucht

Conditional Branching in JavaScript: `if`, `else`, and `?`

In diesem Blog tauchen wir in die Welt der bedingten Verzweigung in JavaScript ein. Wir werden die if-Anweisung, die else-Klausel, das else if-Konstrukt und den bedingten (ternären) Operator ? untersuchen. Am Ende dieses Blogs werden Sie ein solides Verständnis dafür haben, wie Sie den Ablauf Ihrer JavaScript-Programme steuern können.

Die if-Anweisung

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

Syntax:

if (condition) {
  // code to execute 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

Boolesche Konvertierung

In JavaScript kann jeder Wert in einen booleschen Wert umgewandelt werden. Die folgenden Werte gelten als falsch:

  • falsch
  • 0
  • "" (leerer String)
  • null
  • undefiniert
  • NaN

Alle anderen Werte gelten als wahr.

Beispiel:

let value = 0;

if (value) {
  console.log("Value is true.");
} else {
  console.log("Value is false.");
}
// Output: Value is false.

Nach dem Login kopieren

Die else Klausel

Die else-Klausel wird verwendet, um einen Codeblock auszuführen, wenn die Bedingung in der if-Anweisung falsch ist.

Syntax:

if (condition) {
  // code to execute if condition is true
} else {
  // code to execute if condition is false
}

Nach dem Login kopieren

Beispiel:

let age = 15;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

Nach dem Login kopieren

Mehrere Bedingungen: else if

Mit dem else if-Konstrukt können Sie mehrere Bedingungen ü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 score = 85;

if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 80) {
  console.log("Grade: B");
} else if (score >= 70) {
  console.log("Grade: C");
} else {
  console.log("Grade: D");
}

Nach dem Login kopieren

Bedingter Operator ?

Der bedingte (ternäre) Operator ? ist eine Abkürzung für die if-else-Anweisung.

Syntax:

condition ? exprIfTrue : exprIfFalse;

Nach dem Login kopieren

Beispiel:

let age = 20;
let message = age >= 18 ? "You are an adult." : "You are a minor.";
console.log(message);

Nach dem Login kopieren

Mehrere ?

Sie können mehrere bedingte Operatoren verketten, um komplexere Bedingungen zu verarbeiten.

Beispiel:

let score = 85;
let grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D";
console.log("Grade:", grade);

Nach dem Login kopieren

Nicht-traditionelle Verwendung von ?

Der Bedingungsoperator kann auch auf nicht-traditionelle Weise verwendet werden, beispielsweise zum Zuweisen von Standardwerten.

Beispiel:

let userInput = "";
let result = userInput ? userInput : "Default Value";
console.log(result); // Output: Default Value

Nach dem Login kopieren

Praxisbeispiel

Lassen Sie uns alles anhand eines praktischen Beispiels zusammenfassen:

let temperature = 25;

if (temperature > 30) {
  console.log("It's hot outside!");
} else if (temperature > 20) {
  console.log("It's warm outside.");
} else if (temperature > 10) {
  console.log("It's cool outside.");
} else {
  console.log("It's cold outside.");
}

let weather = temperature > 30 ? "hot" : temperature > 20 ? "warm" : temperature > 10 ? "cool" : "cold";
console.log("The weather is:", weather);

Nach dem Login kopieren

Fazit

Bedingte Verzweigung ist ein grundlegendes Konzept in JavaScript, mit dem Sie den Ablauf Ihrer Programme basierend auf verschiedenen Bedingungen steuern können. Wenn Sie if, else, else if und den Bedingungsoperator ? beherrschen, können Sie dynamischer und reaktionsschneller schreiben Code. Üben und erforschen Sie weiter, um Ihr Verständnis der bedingten Verzweigung in JavaScript zu vertiefen.

Bleiben Sie dran für ausführlichere Blogs zu JavaScript! Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonBedingte Verzweigung in JavaScript: „if', „else' 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage