了解 JavaScript 中的三元运算符|极客笔记

了解 JavaScript 中的三元运算符

在 JavaScript 中，三元运算符是一种简洁的条件语句，可以根据一个条件来执行两种不同的操作。它的语法通常如下：

条件 ? 表达式1 : 表达式2

在这个语法中，条件是一个可以被计算为 true 或 false 的表达式。如果条件为 true，则返回表达式1的结果；如果条件为 false，则返回表达式2的结果。

三元运算符的基本用法

让我们通过一个简单的示例来说明三元运算符的基本用法：

let num = 10;
let result = num > 5 ? "大于5" : "小于或等于5";

console.log(result); // 输出 "大于5"

在这个示例中，我们先定义了一个变量 num，并初始化为 10。然后使用三元运算符判断 num 是否大于 5，根据判断结果分别返回不同的字符串。最后打印出根据条件返回的结果。

三元运算符的嵌套应用

三元运算符可以嵌套使用，以实现更复杂的逻辑判断。下面我们用一个示例来演示三元运算符的嵌套应用：

let num = 10;
let evenOrOdd = num % 2 === 0 ? "偶数" : "奇数";
let positiveOrNegative = num >= 0 ? "正数" : "负数";

let result = evenOrOdd + "且" + positiveOrNegative;

console.log(result); // 输出 "偶数且正数"

在这个示例中，我们首先使用三元运算符判断 num 是否为偶数，然后再通过另一个三元运算符判断 num 的正负性。最后将两个判断结果拼接在一起，打印出最终的结果。

三元运算符与 if 语句的比较

三元运算符与 if 语句是两种常用的条件语句，它们可以用来实现相同的逻辑判断。那么它们之间有什么区别呢？让我们通过一个示例对比两者的使用：

// 使用三元运算符
let x = 10;
let y = x > 5 ? "大于5" : "小于或等于5";

// 使用 if 语句
let z;
if (x > 5) {
  z = "大于5";
} else {
  z = "小于或等于5";
}

console.log(y); // 输出 "大于5"
console.log(z); // 输出 "大于5"

从上面的示例可以看出，使用三元运算符和 if 语句都可以正确地判断条件并返回相应的结果。但是三元运算符更加简洁，适合简单的条件判断；而 if 语句更加灵活，适合复杂的逻辑判断。