JavaScript 中条件运算符 (?:) 的用法？

推荐答案

const result = condition ? valueIfTrue : valueIfFalse;

• condition 是一个布尔表达式，用于判断条件是否为真。
• valueIfTrue 是当 condition 为 true 时返回的值。
• valueIfFalse 是当 condition 为 false 时返回的值。

本题详细解读

1. 基本语法

条件运算符（也称为三元运算符）是 JavaScript 中唯一一个需要三个操作数的运算符。它的语法如下：

condition ? expressionIfTrue : expressionIfFalse

• condition：这是一个布尔表达式，通常是一个比较或逻辑运算的结果。
• expressionIfTrue：如果 condition 为 true，则执行并返回这个表达式的结果。
• expressionIfFalse：如果 condition 为 false，则执行并返回这个表达式的结果。

2. 使用场景

条件运算符通常用于简化 if-else 语句，尤其是在需要根据条件返回不同值的场景中。例如：

const age = 20;
const status = age >= 18 ? 'Adult' : 'Minor';
console.log(status); // 输出: Adult

3. 嵌套使用

条件运算符可以嵌套使用，但过度嵌套会降低代码的可读性。例如：

const score = 85;
const grade = score >= 90 ? 'A' : score >= 80 ? 'B' : score >= 70 ? 'C' : 'D';
console.log(grade); // 输出: B

4. 注意事项

• 可读性：虽然条件运算符可以简化代码，但在复杂的逻辑中，使用 if-else 语句可能更易于理解和维护。
• 返回值：条件运算符总是返回一个值，因此它可以用于赋值操作或作为函数参数。

5. 示例代码

const isLoggedIn = true;
const message = isLoggedIn ? 'Welcome back!' : 'Please log in.';
console.log(message); // 输出: Welcome back!

在这个例子中，isLoggedIn 为 true，因此 message 被赋值为 'Welcome back!'。