迹忆客 专注技术分享

本教程将介绍如何在 JavaScript 中使用 ?: 条件运算符。

if ... else 语句仅在满足特定条件时帮助我们执行特定代码块。条件运算符，也称为三元运算符，是 if ... else 语句的单行简写。它有助于编写干净简洁的代码。它是唯一一个需要 3 个操作数的 JavaScript 运算符：要计算的条件，如果条件为 true 时要执行的表达式，以及如果条件为 false 时要执行的表达式。因为它需要 3 个操作数，所以它的名字是三元运算符。

condition ? expression1 : expression2

三元运算符首先评估给定的 condition。条件与 expression1 之间用 ? 分隔并且 expression2 与 expression1 由 : 分隔。如果 condition 为真，则条件运算符执行 expression1，否则执行 expression2。

示例：JavaScript 三元条件运算符

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

上面的示例显示了使用传统的 if ... else 语句执行的条件语句。

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

我们已经使用三元运算符重写了上面的代码。

示例：JavaScript 嵌套三元运算符

与 if ... else 语句一样，我们也可以使用嵌套的三元运算符来执行多个条件检查。

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

在上面的代码中，我们根据汽车速度为汽车生成警告。首先，我们检查 carSpeed 是否超过 100，如果条件满足，我们会生成一个警告说 Way Too Fast!!。否则，我们嵌套了第二个表达式，检查 carSpeed 是否大于 80 并根据评估显示 Fast / Nice。

示例：JavaScript 三元运算符中的多项操作

我们可以在一个三元运算符中运行多个操作，就像 if ... else 语句一样。

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

在上面的代码中，我们执行了两个操作而不是一个，将 primeVideo 的值更改为其一半并提醒用户。