JavaScript 中的嵌套三元运算符

17 Mar 2025 | 5 分钟阅读

在本文中,我们将了解 JavaScript 中的嵌套三元运算符。

三元运算符

  • 三元运算符表示为 (?:)
  • 它是问号和冒号的组合。
  • 它可以用作 if-else 语句的替代。
  • 它以简洁的方式表示条件块。
  • 它允许我们更轻松地阅读代码。

语法

在上述语法中,首先写下 条件表达式,然后使用三元运算符 (?:),然后写下一个表达式,该表达式检查条件表达式是 还是 。如果表达式为真,则执行问号 (?) 之后编写的语句。如果表达式不满足,即为假,则执行冒号 (:) 之后编写的语句。

三元运算符的参数

condition: 这是一个用作值的表达式。

expression_if_true: 这是一个用于检查条件是否为真的表达式。

expression_if_false: 当条件为假时执行此表达式。

首先,我们将创建一个程序,使用 if else 语句检查候选人是否有资格投票。

代码

输出

 

我们可以看到输出显示该候选人没有资格投票。

Nested Ternary Operator in JavaScript

现在,我们将使用三元运算符创建相同的程序,并观察差异。

代码

我们可以看到代码变得更短,并且包含在一行中。因此,这是使用三元运算符的最佳优势之一。

说明

在上面的代码中,首先给出了条件,其中包含一个名为“age”的变量,该变量被赋值为“15”。之后,给出了条件表达式,它检查年龄是否大于或等于 18。由于年龄不大于或等于“15”,这意味着语句为假。现在,将执行冒号后面的下一个部分,并打印出该候选人没有资格投票。

输出

在输出中,我们可以看到条件不满足,因此该候选人没有资格投票。

Nested Ternary Operator in JavaScript

让我们使用三元运算符创建一个程序,根据学生获得的分数给他们评分。

说明

在上面的代码中,首先给出条件,其中包含一个名为“score”的变量,该变量被赋值为 85。之后,条件表达式检查分数是否大于或等于 80。由于分数大于 80,这意味着语句为真,因此它打印“Excellent”。

输出

在输出中,我们可以看到条件为真。

Nested Ternary Operator in JavaScript

我们已经理解了三元运算符。现在,我们将理解嵌套三元运算符。

嵌套三元运算符

三元运算符可以像嵌套的 if-else 块一样进行嵌套。它们用于做出更复杂的决策。它就像一个三元运算符 dentro 另一个三元运算符。

首先,让我们构建一个程序,使用嵌套的 if-else 语句从四个给定的数字中找到最大的数字。

代码

输出

我们可以看到输出显示了最大的数字。

Nested Ternary Operator in JavaScript

现在,我们将使用嵌套三元运算符构建相同的程序。

代码

我们注意到与嵌套 if-else 语句相比,嵌套三元运算符的代码行数更少。

说明

在上面的代码中,首先声明了三个变量“num1”、“num2”和“num3”,并分别赋值为 45, 1215。然后,使用三元运算符链来查找最大的数字。

第一个条件检查 num1 是否大于或等于 num2。如果 num1 大于等于 num2,则嵌套条件检查 num1 是否大于或等于 num3。如果为真,则 num1 是最大的数字。如果为假,则 num3 是最大的数字。

如果 num1 不大于等于 num2,则表示 num2 更大。然后嵌套条件检查 num2 是否大于或等于 num3。如果为真,则 num2 是最大的数字。如果为假,则 num3 是最大的数字。

输出

我们可以看到输出显示了使用嵌套三元运算符找到的最大数字。

Nested Ternary Operator in JavaScript

让我们构建一个程序来检查空气质量,并根据条件语句提供输出。

代码

说明

在上面的代码中,首先声明了一个名为“air_quality_index”的变量,并赋值为 51。之后,使用三元运算符链来确定空气质量。

第一个条件检查 air_quality_index 是否大于 300。如果为真,则结果为“Air quality is worst.”。如果为假,则嵌套条件检查 air_quality_index 是否大于 200。如果为真,则结果为“Air quality is bad.”。如果为假,则另一个嵌套条件检查 air_quality_index 是否大于 100。如果为真,则结果为“Air quality is moderate.”;否则,为“Air quality is good.”。

输出

我们可以看到输出显示了使用嵌套三元运算符测量的空气质量。

Nested Ternary Operator in JavaScript

结论

在本文中,我们已经了解了 JavaScript 中的嵌套三元运算符。我们通过将其与 if-else 和嵌套 if-else 进行比较来理解了三元运算符和嵌套三元运算符。