JavaScript 的條件 (?:) 運算子如何簡化 if-else 語句？-js教程-PHP中文網

JavaScript 的條件 (?:) 運算子如何簡化 if-else 語句？

Mary-Kate Olsen

發布： 2024-12-17 05:59:25

原創

870 人瀏覽過

How Can JavaScript's Conditional (?:) Operator Simplify if-else Statements?

在JavaScript 中使用?: （條件）運算子

JavaScript 的?: 運算符，也稱為條件運算符或「三元」運算符，提供了if-else 語句的簡潔替代方案。它有三個運算元：

條件： 計算結果為 true 或 false。
True 表達式： 滿足條件時傳回的值為 true。
False 表達式： 要傳回的值如果條件為 false。

使用?: 運算子時，格式如下：

result = condition ? trueExpression : falseExpression;

登入後複製

範例：

考慮一個依照年齡提供飲料的函數：

function serveDrink() {
  if (userIsYoungerThan21) {
    return "Grape Juice";
  } else {
    return "Wine";
  }
}

登入後複製

使用?:運算符，此函數可以重寫：

function serveDrink() {
  return userIsYoungerThan21 ? "Grape Juice" : "Wine";
}

登入後複製

連結和副作用：

對於更複雜的條件，可以連結 ?: 運算子。例如：

// Serve Milk if user is younger than 4, Grape Juice if younger than 21, Wine otherwise
return userIsYoungerThan4 ? "Milk" : userIsYoungerThan21 ? "Grape Juice" : "Wine";

登入後複製

此外，?: 運算子可以用作具有副作用的表達式，儘管這種情況並不常見。例如：

// Execute a function depending on the user's age
userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

登入後複製

注意：

雖然 ?: 運算子很方便，但過多的連結或複雜的表達式可能會導致程式碼複雜。因此，明智地使用它以保持可讀性和理解性至關重要。

以上是JavaScript 的條件 (?:) 運算子如何簡化 if-else 語句？的詳細內容。更多資訊請關注PHP中文網其他相關文章！