JavaScript 比较

2025 年 3 月 18 日 | 6 分钟阅读

JavaScript 支持比较运算符来比较两个值。JavaScript 比较运算符接收两个值,对它们进行比较,并返回一个布尔结果,即 truefalse。这些运算符在 JavaScript 的决策和循环程序中非常有用。

在编程语言中,运算符用于执行特定的数学或逻辑运算以执行操作并提供所需的输出。所有编程语言,如 C、C++、Java、Python 等都支持这些运算符。我们可以使用它们来确定任何逻辑操作并检查条件。

在本节中,我们将通过示例讨论 JavaScript 中可用的比较运算符和逻辑运算符。此外,我们将看到多个示例来确定基于条件的输出和值之间的差异。

JavaScript 中的比较运算符列表

以下是 JavaScript 支持的比较运算符列表:

注意:这些运算符的输出将始终是 true 或 false,具体取决于赋给变量的值。我们将在本文的示例部分对此进行说明。

运算符名称示例返回值
==等于a==b真或假
  a==3真或假
  a=="3"真或假
===值和类型相等a===b真或假
  a==="3"真或假
!=不等于a!=b真或假
!==值和类型不相等a!==b真或假
  a!=="b"真或假
>大于a>b真或假
<小于a<b真或假
>=大于等于a>=b真或假
<=小于等于a<=b真或假

逻辑运算符可以与比较运算符结合使用,以创建各种用例。让我们看看 JavaScript 中可用的逻辑运算符。

JavaScript 中的逻辑运算符

以下是 JavaScript 支持的逻辑运算符:

运算符名称示例
&&逻辑与( a< 5 && b>2)
||逻辑或(a<5 || b>2)
!(a!=5)

三元(条件)运算符

JavaScript 还支持一种条件运算符,称为三元运算符,它根据条件指定输出是 true 还是 false。它由 "?" 符号表示。

以下是 JavaScript 三元运算符的语法:

变量名 = (条件) ? 值1:值2

让我们通过以下示例详细了解这些运算符。

示例1:等于运算符

等于运算符用于检查值是否相等。请看下面的示例:

输出

true

同样,如果我们测试下面的示例,它将返回 false。

输出

false

示例2:值和类型相等(严格等于)

“===”运算符比较变量的值和数据类型。如果值和数据类型都相同,它将返回 true。例如,如果我们比较 a===3 和 a==="3",在第一种情况下,如果 a 的赋值为 3,它将返回 true,而在第二种情况下,它将返回 false。

考虑下面的示例

输出

true

现在,用字符串值检查:

输出

false 

等于(==)和严格等于(===)的区别在于,等于运算符仅评估值,而严格等于运算符还会检查数据类型。例如,如果我们用等于运算符执行上述示例,它将返回 true。

输出

true

示例3:不等于(!=)

不等于运算符与等于运算符正好相反,它将测试值是否不等于指定的运算符,并相应地返回 true 或 false 的输出。

输出

true

示例4:值和类型不相等(!==)

值和类型不相等运算符(!==)会严格比较两个值及其数据类型,如果它们不相等,则返回 true。它与严格等于运算符正好相反。

考虑下面的示例

输出

false
true
true

从上面的输出中,我们可以看到当它发现值和数据类型都相同时,它返回 false,否则返回 true。

示例5:大于(>)和小于(<)运算符

如果左操作数的值大于右操作数,大于(>)运算符返回 true;否则,它将返回 false。

如果左操作数的值小于右操作数,小于(<)运算符返回 true;否则,它将返回 false。

考虑下面的示例

输出

false
true

从上面的输出中,我们可以看到当 a 的值小于 b 时,大于运算符返回 false,而当 a 的值小于 b 时,小于运算符返回 true。

示例6:大于等于(>=)和小于等于(<=)

如果两个条件之一为真,则大于等于运算符将返回 true。它应该是大于或等于。

同样,如果值小于或等于,则小于等于运算符将返回 true。

考虑下面的示例

输出

true
false
true

从上面的输出中,我们可以看到当条件匹配时,这些运算符会相应地提供输出。

JavaScript 逻辑运算符

JavaScript 中有三个逻辑运算符:与(AND)、或(OR)和非(NOT)。这些运算符用于执行逻辑运算。

示例7:逻辑与运算符(&&)

逻辑与运算符用于绑定两个条件;只有当两个条件都为 true 时,它才会返回 true。请看下面的示例:

输出

true
true
false

从上面的输出中,逻辑与运算符将两个事件绑定在一起,并且当且仅当两个条件都为 true 时,它才返回 true。

示例8:逻辑或运算符(||)

逻辑或运算符检查两个条件,如果其中一个条件为 true,则返回 true。请看下面的示例:

输出

true
true
false

从上面的输出中,当指定的条件都不匹配时,它为第三个条件返回 false。

示例9:逻辑非运算符(!)

逻辑非运算符返回当前操作数的相反值。例如,如果 a 为 true,它将返回值 false。请看下面的示例:

输出

false
true

从上面的输出中,当值为 true 时它返回 false,当值为 false 时返回 true。

JavaScript 三元(条件)运算符

JavaScript 三元运算符也称为条件运算符。它需要三个操作数;第一个是条件,后跟一个问号(?),然后是一个在条件为 true 时应执行的表达式,接着是一个冒号(:),以及一个在条件为 false 时应执行的另一个表达式。三元运算符是 if-else 语句的替代方案。

语法

考虑下面的示例

示例10:三元运算符(?)

输出

Eligible to vote
Not Eligible 

从上面的输出中,我们可以看到如果条件为 true,则执行第一个代码;否则执行第二个代码。

我们已经讨论了比较运算符以及逻辑和三元运算符。我们可以将这些运算符中的任何一个一起使用来创建逻辑。通常,比较运算符与一些条件和逻辑运算符一起使用来创建条件逻辑。

我们可以使用这些运算符来验证表单、测试条件、在 JavaScript 框架中进行条件渲染等等。


下一个主题JavaScript Confirm