JavaScript 的条件运算符 (?:) 如何简化 If-Else 语句？-js教程-PHP中文网

JavaScript 的条件运算符 (?:) 如何简化 If-Else 语句？

Barbara Streisand

发布： 2024-12-19 17:52:16

原创

416 人浏览过

How Can JavaScript's Conditional Operator (?:) Simplify If-Else Statements?

在 JavaScript 中使用条件运算符

条件运算符 ?: 是简洁代码编写的强大工具。它将 if-else 语句压缩为一行。

要使用条件运算符，请为其提供测试表达式，后跟问号 (?)。如果测试表达式为真，则计算问号后面的表达式。如果为 false，则计算冒号 (:) 之后的表达式。

例如，考虑以下 if-else 语句：

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

登录后复制

使用条件运算符，我们可以简化此操作to:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

登录后复制

条件运算符用途广泛，可用于饮料服务逻辑，如下所示好：

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

登录后复制

像所有表达式一样，条件运算符可以用作具有副作用的独立语句，尽管不常见：

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

登录后复制

复杂的条件甚至可以链接：

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

登录后复制

虽然功能强大，但过度使用链式条件运算符可能会导致复杂的情况代码。

以上是JavaScript 的条件运算符 (?:) 如何简化 If-Else 语句？的详细内容。更多信息请关注PHP中文网其他相关文章！