JavaScript 中的内联 if 语句
Anika Tabassum Era
2023年1月30日
2022年5月5日
条件运算是任何编程语言的基本编码概念之一。惯例是从多个可用条件中推断出最佳拟合输出。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);
输出:
Author: Anika Tabassum Era