JS三目运算符|极客笔记

JS三目运算符

在JavaScript中，三目运算符（也被称为条件运算符）是一种简洁有效的方法来替代传统的if-else语句。它允许我们根据条件的真假来返回不同的值。三目运算符的语法如下：

condition ? expression1 : expression2

其中，condition 是一个要求返回 true 或 false 的表达式，如果 condition 为真，则返回 expression1 的值，否则返回 expression2 的值。

三目运算符的优势在于它的简洁性和易读性，尤其适合简单的条件判断和赋值操作。接下来我们将详细介绍三目运算符的用法及示例。

用法

1. 替代if-else语句

三目运算符经常被用来简洁地替代单一条件的 if-else 语句。例如，下面的代码演示了使用三目运算符判断一个数值是否为偶数：

const num = 10;
const isEven = num % 2 === 0 ? true : false;

console.log(isEven); // 输出 true

2. 赋值操作

三目运算符还可以用于给变量赋值，根据条件的真假来确定赋值的值。例如，下面的代码演示了将一个数值限制在一个范围内：

let score = 85;
const passScore = score >= 60 ? score : 60;

console.log(passScore); // 输出 85

score = 45;
const newScore = score >= 60 ? score : 60;

console.log(newScore); // 输出 60

3. 嵌套使用

三目运算符还可以嵌套使用，用于复杂的条件判断。需要注意的是，嵌套使用时应尽量保持代码的可读性，避免过于复杂的逻辑。

const num = 15;
const result = num < 10 ? "小于10" : num < 20 ? "大于等于10小于20" : "大于等于20";

console.log(result); // 输出 "大于等于10小于20"

示例代码

下面我们给出一个完整的示例代码，演示了三目运算符的用法及输出：

// 三目运算符示例

// 替代 if-else
const num = 10;
const isEven = num % 2 === 0 ? true : false;

console.log(isEven); // 输出 true

// 赋值操作
let score = 85;
const passScore = score >= 60 ? score : 60;

console.log(passScore); // 输出 85

score = 45;
const newScore = score >= 60 ? score : 60;

console.log(newScore); // 输出 60

// 嵌套使用
const num = 15;
const result = num < 10 ? "小于10" : num < 20 ? "大于等于10小于20" : "大于等于20";

console.log(result); // 输出 "大于等于10小于20"

以上代码演示了三目运算符的常见用法和示例运行结果。