JavaScript 三元条件运算符

Harshit Jindal 2023年1月30日 2021年7月3日
  1. 示例:JavaScript 三元条件运算符
  2. 示例:JavaScript 嵌套三元运算符
  3. 示例:JavaScript 三元运算符中的多项操作
JavaScript 三元条件运算符

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

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

condition ? expression1 : expression2

三元运算符首先评估给定的 condition。条件与 expression1 之间用 ? 分隔并且 expression2expression1: 分隔。如果 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 的值更改为其一半并提醒用户。

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

相关文章 - JavaScript Operator