迹忆客 专注技术分享

条件运算是任何编程语言的基本编码概念之一。惯例是从多个可用条件中推断出最佳拟合输出。JavaScript 支持常用的 if...else 结构和三元运算符。

在下面的章节中，我们将介绍如何使用三元运算符和逻辑运算符应用条件语句。

JavaScript 中带有三元运算的简单内联 if 语句

通常，这种编码实践首先说明基本条件，然后用 ? 分隔可能的结果。 .可能的结果用冒号 (:) 分开。三元运算结构只需要一行代码就可以得到结果，因此称为内联 if 语句。

代码片段：

var x = 5;
var y = 10;
var z = x > y ? x : y;

console.log(z);

输出：

该示例解释了将变量 x 与变量 y 进行比较的条件。如果 x 大于 y，则 z 保留 x 的值，而不是 y 的值。这是基本 if...else 结构的替代方案。

JavaScript 中的多条件内联 if 语句三元运算

多个条件是指一个以上的条件；更具体地说，它是 if...else if...else 的结构。每个条件范围都会有一个返回案例，适用条件的返回值就是答案。这个文档提供了更好的案例预览。

代码片段：

var x = 5;
var y = 5;
var z = x > y ? 'true' : x < y ? 'false' : 'false';

console.log(z);

输出：

根据输出，可以看出这里有一个 if 语句 (x>y) 也存在于一个返回案例 "true"。稍后对于 if else，我们将 (x<y) 作为条件，然后返回"false"。此外，如果应用的条件匹配，我们返回 "false"，这是我们的 else 语句。

JavaScript 中带有逻辑运算符的内联 if 语句

在这种做法中，满足返回值的给定条件写在 (&&) 运算符之后。如果它指向 else 条件，则返回值设置在||之后运算符。让我们看一个代码示例的演示。

代码片段：

var x = 5;
var y = 10;
var z = (x < y) && x || y;

console.log(z);

输出：