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

在本部落格中，我們將深入研究 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 中的一個基本概念，它允許您根據各種條件控製程式的流程。透過掌握if、else、else if 和條件運算子?，您將能夠編寫更動態且響應式的程式碼程式碼。不斷練習和探索，加深對 JavaScript 條件分支的理解。

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

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