JavaScript 中的内联 if 语句

Anika Tabassum Era 2023年10月12日
  1. JavaScript 中带有三元运算的简单内联 if 语句
  2. JavaScript 中的多条件内联 if 语句三元运算
  3. JavaScript 中带有逻辑运算符的内联 if 语句
JavaScript 中的内联 if 语句

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

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

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

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

代码片段:

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

console.log(z);

输出:

Simple_Inline_if_statement

该示例解释了将变量 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);

输出:

Multiple_consition_if_else_statement

根据输出,可以看出这里有一个 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);

输出:

逻辑运算符_if_statement

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

相关文章 - JavaScript Condition