JavaScript 比较运算符

在本文中，我们将了解各种运算符及其在 Javascript 中的实现。运算符主要用于执行确定值之间相等或差异的逻辑运算。

运算符用于对操作数执行特定的数学和逻辑计算。与 C、C++、 Java、 Python和其他各种语言一样，JavaScript 也支持比较操作。运算符用于逻辑表达式中，以确定它们在变量或值中的相等或差异。

示例：下面是运算符的示例。

Javascript

 
    function gfg() { 
    let val1 = 5; 
      
    // Equality Operators
    document.write(val1 == 5);
    document.write("<br>");
      
    // Relational Operators
    document.write(val1 > 0);
    } 
    gfg(); 

输出：

true
true

JavaScript 支持多种运算符：

• 等式运算符
• 关系运算符

我们将通过示例依次讨论这两个运算符。

等式运算符：

相等（==）：此运算符用于比较两个操作数的相等性。如果相等，则条件为真，否则为假。

句法：

x == y

示例 1：下面的示例说明了 JavaScript 中的(==)运算符。

Javascript

  
    // Illustration of (==) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 == 5);
    console.log(val2 == 5);        
    console.log(val1 == val1);
  
    // Check against null and boolean value
    console.log(0 == false);   
    console.log(0 == null);

输出：

> true
> true
> true
> true
> false

示例 2：此示例描述了比较两个对象的值的相等运算符。

Javascript

  
    // Illustration of (==) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 == 'value');        
    console.log(obj1 == obj2);
    console.log(obj1.val1 == obj2.val2);
  
    // Check against undefined
    console.log(0 == undefined);   
    console.log(null == undefined);

输出：

> true
> false
> true
> false
> true

不等式(!=)：此运算符用于比较两个操作数的不等式。如果相等，则条件为假，否则为真。

句法：

x != y

示例 1：以下示例说明了 JavaScript 中的(!=)运算符。

Javascript

  
    // Illustration of (!=) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 != 6);
    console.log(val2 != '5');        
    console.log(val1 != val1);
  
    // Check against null and boolean value
    console.log(0 != false);   
    console.log(0 != null);

输出：

> true
> false
> false
> false
> true

示例 2：此示例描述了比较两个值的不等式运算符。

Javascript

  
    // Illustration of (!=) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 != 'value');        
    console.log(obj1 != obj2);
    console.log(obj1.val1 != obj2.val2);
  
    // Check against undefined
    console.log(0 != undefined);   
    console.log(null != undefined);

输出：

> false
> true
> false
> true
> false

严格相等（===）：该运算符用于比较两个操作数的相等与类型。如果值和类型都相等，则条件为真，否则为假。

句法：

x === y

示例 1：以下示例说明了 JavaScript 中的(===)运算符。

Javascript

  
    // Illustration of (===) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 === 6);
    console.log(val2 === '5');        
    console.log(val1 === val1);
  
    // Check against null and boolean value
    console.log(0 === false);   
    console.log(0 === null);

输出：

> false
> true
> true
> false
> false

示例 2：此示例描述了比较两个值的严格相等运算符。

Javascript

  
    // Illustration of (===) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 === 'value');        
    console.log(obj1 === obj2);
    console.log(obj1.val1 === obj2.val2);
  
    // Check against undefined
    console.log(0 === undefined);   
    console.log(null === undefined);

输出：

> true
> false
> true
> false
> false

请参阅 '===' vs '==' 比较运算符文章，了解它们之间的显着差异。

Strict in equal (!==)：此运算符用于比较两个操作数的不等式与类型。如果值和类型都不相等，则条件为真，否则为假。

句法：

x !== y

示例 1：以下示例说明了 JavaScript 中的(!==)运算符。

脚本

 // Illustration of (!==) operator
 let val1 = 5;
 let val2 = '5';
  
 // Checking of operands
 console.log(val1 !== 6);
 console.log(val2 !== '5');        
 console.log(val1 !== val1);
  
 // Check against null and boolean value
 console.log(0 !== false);   
 console.log(0 !== null);

输出：

> true
> false
> false
> true
> true

示例 2：此示例描述了用于比较 2 个值的严格不等式运算符。

Javascript

  
    // Illustration of (!==) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 !== 'value');        
    console.log(obj1 !== obj2);
    console.log(obj1.val1 !== obj2.val2);
  
    // Check against undefined
    console.log(0 !== undefined);   
    console.log(null !== undefined);

输出：

> false
> true
> false
> true
> true

关系运算符：

大于运算符（>）：该运算符用于检查左侧值是否大于右侧值。如果值更大，则条件为真，否则为假。

句法：

x > y

示例 1：下面的示例说明了 JavaScript 中的(>)运算符。

Javascript

  
    // Illustration of (>) operator
    let val1 = 5;
    let val2 = "5";
  
    // Checking of operands
    console.log(val1 > 0);
    console.log(val2 > "10");        
    console.log(val1 > "10");
    console.log(val2 > 0);

输出：

> true
> true
> false
> true

示例 2：此示例描述了用于比较两个值的大于运算符。

Javascript

  
    // Illustration of (>) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 > 0);        
    console.log(obj1 > obj2);
    console.log(obj1.val1 > obj2.val2);
    console.log(obj2 > obj1);
    console.log(obj2.val2 > obj1.val1);

输出：

> true
> false
> false
> false
> true

大于或等于运算符（>=）：该运算符用于检查左侧操作数是否大于或等于右侧操作数。如果该值大于或等于，则条件为真，否则为假。

句法：

x >= y

示例 1：以下示例说明了 JavaScript 中的(>=)运算符。

Javascript

  
 // Illustration of (>=) operator
 let val1 = 5;
 let val2 = "5";
  
 // Checking of operands
 console.log(val1 >= 5);
 console.log(val2 >= "15");        
 console.log(val1 >= "5");
 console.log(val2 >= 15);

输出：

> true
> true
> true
> false

示例 2：此示例描述了用于比较两个值的大于或等于运算符。

Javascript

  
    // Illustration of (>=) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 >= 0);        
    console.log(obj1 >= obj2);
    console.log(obj1.val1 >= obj2.val2);
    console.log(obj2 >= obj1);
    console.log(obj2.val2 >= obj1.val1);

输出：

> true
> true
> false
> true
> true

小于运算符（<）：该运算符用于检查左侧值是否小于右侧值。如果是，则条件为真，否则为假。

句法：

x < y

示例 1：以下示例说明了 JavaScript 中的(<)运算符。

Javascript

  
 // Illustration of (<) operator
 let val1 = 5;
 let val2 = "5";
  
 // Checking of operands
 console.log(val1 < 15);
 console.log(val2 < "0");        
 console.log(val1 < "0");
 console.log(val2 < 15);

输出：

> true
> false
> false
> true

示例 2：此示例描述了用于比较两个值的小于运算符。

Javascript

  
    // Illustration of (<) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 < 10);        
    console.log(obj1 < obj2);
    console.log(obj1.val1 < obj2.val2);
    console.log(obj2 < obj1);
    console.log(obj2.val2 < obj1.val1);

输出：

> true
> false
> true
> false
> false

小于或等于运算符（<=）：该运算符用于检查左侧操作数值是否小于或等于右侧操作数值。如果是，则条件为真，否则为假。

句法：

x <= y

示例 1：以下示例说明了 JavaScript 中的(<=)运算符。

Javascript

  
    // Illustration of (<=) operator
    let val1 = 5;
    let val2 = "5";
  
    // Checking of operands
    console.log(val1 <= 15);
    console.log(val2 <= "0");        
    console.log(val1 <= "0");
    console.log(val2 <= 15);

输出：

> true
> false
> false
> true

示例 2：此示例描述了小于或等于运算符来比较 2 个值。

Javascript

  
    // Illustration of (<=) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 <= 10);        
    console.log(obj1 <= obj2);
    console.log(obj1.val1 <= obj2.val2);
    console.log(obj2 <= obj1);
    console.log(obj2.val2 <= obj1.val1);

输出：

> true
> true
> true
> true
> false

支持的浏览器：下面列出了所有JavaScript运算符支持的浏览器：

• 谷歌浏览器
• 火狐
• 歌剧
• 苹果浏览器
• 微软边缘
• IE浏览器