JavaScript 比较运算符

JavaScript支持比较运算符来比较两个值。JavaScript比较运算符接受两个值，比较它们，并返回一个布尔结果，要么是 true ，要么是 false 。在JavaScript中，这些运算符在决策和循环程序中非常有用。

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

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

JavaScript中的比较运算符列表

下面是JavaScript支持的比较运算符列表：

注意：这些运算符的输出始终基于分配的变量值，要么是true，要么是false。我们将在本文的示例部分进行说明。

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

JavaScript中的逻辑运算符

JavaScript支持以下逻辑运算符：

三元（条件）运算符

JavaScript还支持一种条件运算符，称为三元运算符，根据条件判断输出是否为真。它由 “?” 符号表示。

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

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

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

示例1：等于运算符

等于运算符用于检查值是否相等。请考虑以下示例：

    function myFunction(){
  const a=3;
  console.warn(a==3)
  }

输出：

true

同样地，如果我们测试以下示例，它会返回 false：

function myFunction(){
  const a=3;
  console.warn(a==5)
  }

输出：

false

示例2：相等的值和类型（严格相等）

=== 运算符用于比较变量的值和数据类型。如果值和数据类型都相同，则返回true。例如，如果我们比较 a===3 和 a==="3"，那么在第一种情况下，如果变量a的赋值为3，将返回true；而在第二种情况下，将返回false。

请考虑以下示例：

function myFunction(){
  const a=3;
  console.warn(a===3)
  }

输出：

true

现在，检查字符串值：

function myFunction(){
  const a=3;
  console.warn(a==="3")
  }

输出：

false 

等于（==）和严格等于（===）之间的区别在于等于只比较值，而严格等于运算符还检查数据类型。例如，如果我们使用等于运算符执行上面的示例，它会返回true：

function myFunction(){
  const a=3;
  console.warn(a=="3")
  }

输出：

true

示例3：不等于（!=）

不等于运算符是等于运算符的相反操作，它会测试值是否不等于指定的运算符，并相应地返回真或假的输出。

function myFunction(){
  const a=3;
  console.warn(a!="5")
  }

输出：

true

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

不等于和类型 (!==) 严格比较两个值及其数据类型，如果它们不相等，则返回true。它与严格等于操作符相反。

考虑下面的示例：

function myFunction(){
 const a = 3, b = 'test';

// strict not equal operator
console.warn(a !== 3); // false
console.warn(a !== '3'); // true
console.warn(b !== 'Test'); // true
  }

输出：

false
true
true

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

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

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

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

考虑下面的示例：

function myFunction(){
 const a = 3, b = 5;
console.warn(a>b); // false
console.warn(a<b); // true
  }

输出：

false
true

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

示例6：大於等於（>=）和小於等於（ <=）

如果两个条件中有一个为真时，大於等於运算符将返回true。它应该大于或等於。

同样地，小於等於运算符将在值小於或等於时返回true。

考虑以下示例：

function myFunction(){
 const a = 3, b = 3, c=5;

// strict not equal operator
console.warn(a>=b); // true
console.warn(a>=c); // false
console.warn(a<=c); // true
  }

输出：

true
false
true

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

JavaScript逻辑运算符

JavaScript有三个逻辑运算符：AND（与）、OR（或）、NOT（非）。这些运算符用于执行逻辑操作。

示例7：逻辑与运算符（ &&）

逻辑与运算符用于绑定两个条件；只有当两个条件都为真时，它才返回真。考虑以下示例：

function myFunction(){
 const a = 3, b = 3, c=5;
console.warn((a<=c) && (a===b) ); // true
console.warn((c>=a) && (c===5)); // true
console.warn((c>=b) && (c==4)); // false
  }

输出:

true
true
false

从上面的输出中可以看出，逻辑与运算符将两个事件绑定在一起，只有当两个条件都为真时，它才返回true。

示例8: 逻辑OR运算符（||）

逻辑OR运算符检查两个条件，并在其中一个条件为真时返回true。考虑下面的示例：

function myFunction(){
 const a = 3, b = 3, c=5;
console.warn((a<=c) || (a===b) ); // true
console.warn((c>=a) || (c===5)); // true
console.warn((c==b) || (c==4)); // false
  }

输出：

true
true
false

从上述输出中，当没有匹配到任何指定条件时，第三个条件返回false。

示例9：逻辑非运算符（!）

逻辑非运算符反转当前操作数的取反值。例如，如果a为true，它将返回false。考虑下面的示例：

function myFunction(){
 const a = true, b=false;
 console.warn(!a) // false
 console.warn(!b) //true
  }

输出：

false
true

从上面的输出可以看出，当值为真时返回false，当值为假时返回true。

JavaScript Ternary（条件）运算符

JavaScript 的三元运算符也被称为条件运算符。它有三个操作数；第一个是条件，后面跟着一个问号（?），然后是一个在条件为真时执行的表达式，再后面是一个冒号（:），以及一个在条件为假时执行的表达式。三元运算符是 if else 语句的一种替代方式。

语法：

Variable_name = (condition) ? value1:value2

考虑下面的示例：示例10：三元运算符（？）

function myFunction(){
 const age=18, age2=17;
const person1= (age>=18? "Eligible to vote": "Not Eligible")
const person2= (age2>=18? "Eligible to vote": "Not Eligible")
console.log(person1)
console.log(person2)
  }

输出:

Eligible to vote
Not Eligible 

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

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

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