首頁  >  文章  >  web前端  >  JavaScript 中的條件分支:`if`、`else` 和 `?`

JavaScript 中的條件分支:`if`、`else` 和 `?`

DDD
DDD原創
2024-09-19 06:18:031050瀏覽

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

在本部落格中,我們將深入研究 JavaScript 中條件分支的世界。我們將探討 if 語句、else 子句、else if 構造以及條件(三元)運算子 ?。讀完本部落格後,您將對如何控制 JavaScript 程式的流程有深入的了解。

if 語句

if 語句用於在指定條件為 true 時執行程式碼區塊。

文法:

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

範例:

let age = 18;

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

布林轉換

在 JavaScript 中,任何值都可以轉換為布林值。以下值被視為 false:

  • 0
  • ""(空字串)
  • 未定義
  • NaN

所有其他值被視為true

範例:

let value = 0;

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

else子句

else 子句用於在 if 語句中的條件為 false 時執行程式碼區塊。

文法:

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

範例:

let age = 15;

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

幾個條件:else if

else if 構造可讓您檢查多個條件。

文法:

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
}

範例:

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");
}

條件運算子 ?

條件(三元)運算子 ?if-else 語句的簡寫。

文法:

condition ? exprIfTrue : exprIfFalse;

範例:

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

多?

您可以連結多個條件運算子來處理更複雜的條件。

範例:

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

非傳統用途?

條件運算子也可以以非傳統方式使用,例如指派預設值。

範例:

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

實際範例

讓我們用一個實際範例將所有內容放在一起:

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);

結論

條件分支是 JavaScript 中的一個基本概念,它允許您根據各種條件控製程式的流程。透過掌握ifelseelse if 和條件運算子?,您將能夠編寫更動態且響應式的程式碼程式碼。不斷練習和探索,加深對 JavaScript 條件分支的理解。

請繼續關注更多關於 JavaScript 的深入部落格!快樂編碼!

以上是JavaScript 中的條件分支:`if`、`else` 和 `?`的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn