JavaScript 條件語句：程式碼決策指南

做出決定是 JavaScript 程式設計的重要組成部分。 條件語句使您能夠根據指定的條件採取替代操作，從而使您的程式碼能夠適應各種上下文。無論您是在開發遊戲、處理使用者輸入或調節資料流，條件語句都是邏輯控制的首選工具。在本部落格中，我們將了解 JavaScript 條件語句的多種形式以及它們的使用方式。

1️⃣ if 語句

if 語句在指定條件為真時執行一段程式碼。
⭐ 語法：

if (condition) {
  // Code to execute if a condition is true
}

？例：

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

2️⃣ if-else 語句

如果 if 語句的條件為 false，則 else 語句提供備用程式碼區塊。
⭐ 語法：

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

？例：

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

3️⃣ 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 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')
}

4️⃣ switch 語句

switch 語句檢查表達式並與多個 case 條件進行比較。
⭐ 語法：

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
}

？例：

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

5️⃣ 三元運算符

三元運算子是 if-else 語句的簡寫。
⭐ 語法：

condition ? expressionIfTrue : expressionIfFalse;

？例：

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

6️⃣ 嵌套 if-else 語句

您可以將一個 if 語句嵌套在另一個 if 語句中來處理複雜的條件。
⭐ 語法：

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
}

？例：

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

？ Switch 與巢狀 If-Else 或 else-if：選擇正確的工具
現在，在檢查多個測試案例時出現一個問題，我們應該使用哪一種語句：switch、嵌套的 if-else 還是 else-if？所有這些都可以讓您處理各種情況。然而，它們適合特定的場景：

1. switch：最適合將多個固定值與單一變數進行比較。因此用它來直接比較單一值。
2. 嵌套 if-else 或 else if：當條件複雜或包含多個變數或表達式時很有用。因此，將它們用於複雜的條件或需要多次檢查的場景。

結論

條件語句是 JavaScript 中邏輯控制的基礎，允許開發人員建立互動式和動態程式。從簡單的 if 語句到優雅的三元運算符，了解這些結構將提高您的編碼能力。開始嘗試這些陳述，看看它們如何為您的專案增加靈活性和決策能力。
有任何關於如何使用條件語句的很酷的例子嗎？在下面的評論中分享吧！ ？
快樂編碼！ ✨

以上是JavaScript 條件語句：程式碼決策指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！