JavaScript 课程 | JavaScript 中的条件运算符

什么是条件运算符？

条件运算符又称为三目运算符，是 JavaScript 中的一种表达式。它由三个部分组成：一个条件表达式、一个问号符（?）和一个冒号符（:）。其中，条件表达式通常是一个布尔表达式，如果布尔表达式返回 true，则返回问号符左侧的值，否则返回冒号符右侧的值。

语法

condition ? expression1 : expression2;

示例

例子1：判断一个数是奇数还是偶数

const num = 10;
const evenOrOdd = num % 2 === 0 ? "even" : "odd";
console.log(evenOrOdd); // "even"

上述代码中，我们声明了一个常量 num 并赋值为 10，然后使用三目运算符判断 num % 2 === 0 是否为 true。由于 num 是偶数，因此 num % 2 的值为 0，所以条件表达式返回 true。这时三目运算符返回 expression1，即字符串 "even"，并将其赋值给常量 evenOrOdd。最后，我们将 evenOrOdd 输出到控制台上，并得到了字符串 "even"。

例子2：判断用户是否登录

const isLoggedIn = true;
const displayMessage = isLoggedIn ? "Welcome back!" : "Please log in to continue.";
console.log(displayMessage); // "Welcome back!"

上述示例中，我们声明了一个布尔常量 isLoggedIn 并赋值为 true，表示用户已经登录。然后，使用三目运算符判断 isLoggedIn 是否为 true，如果是，则返回字符串 "Welcome back!"，反之则返回字符串 "Please log in to continue."。最后，我们将 displayMessage 输出到控制台，并得到了字符串 "Welcome back!"。

总结

条件运算符是 JavaScript 中非常常见的一种表达式，能够简洁地替代 if-else 语句。但是，使用条件运算符也要注意不要让表达式变得过于复杂和难以阅读，否则会降低代码的可读性和可维护性。