Skip to content
Related Articles

Related Articles

Table of Contents

Improve Article
Save Article
Like Article

JavaScript Comparison Operators

  • Last Updated : 18 Nov, 2021

In this article, we will know about various comparison operators & their implementation in Javascript. The Comparison operators are mainly used to perform the logical operations that determine the equality or difference between the values.

Operators are used to performing specific mathematical and logical computations on operands. Like C, C++, Java, Python, and various other languages, JavaScript also supports Comparison operations. Comparison operators are used in logical expressions to determine their equality or differences in variables or values. 

Example: Below is the example of the comparison operators.

Javascript




<script>
    function gfg() {
    let val1 = 5;
     
    // Equality Operators
    document.write(val1 == 5);
    document.write("<br>");
     
    // Relational Operators
    document.write(val1 > 0);
    }
    gfg();
</script>
Output:
true
true
There are various comparison operators supported by JavaScript:
  • Equality Operators
  • Relational Operators
We will discuss both the operators sequentially through the examples.
Equality Operators:
Equality (==):  This operator is used to compare the equality of two operands. If equal then the condition is true otherwise false.
Syntax:
x == y
Example 1: Below example illustrate the (==) operator in JavaScript.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> true
> true
> true
> false
Example 2: This example describes the equality operator to compare the 2 object’s values.
Javascript



<script>
 
    // 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);
</script>
Output:


> true
> false
> true
> false
> true
Inequality(!=): This operator is used to compare the inequality of two operands. If equal then the condition is false otherwise true.
Syntax:
x != y
Example 1: Below examples illustrate the (!=) operator in JavaScript.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> false
> false
> false
> true
Example 2: This example describes the inequality operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> false
> true
> false
> true
> false
Strict equality(===):  This operator is used to compare the equality of two operands with type. If both value and type are equal then the condition is true otherwise false.
Syntax:
x === y
Example 1: Below examples illustrate the (===) operator in JavaScript.
Javascript



<script>
 
    // 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);
</script>
Output:


> false
> true
> true
> false
> false
Example 2: This example describes the strict equality operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> false
> true
> false
> false
Please refer to the ‘===’ vs ‘==’ Comparison Operator article for the significant differences in them.
Strict inequality(!==): This operator is used to compare the inequality of two operands with type. If both value and type are not equal then the condition is true otherwise false.
Syntax:
x !== y
Example 1: Below examples illustrate the (!==) operator in JavaScript.
jscript



<script>
 // 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);
</script>
Output:
> true
> false
> false
> true
> true
Example 2: This example describes the strict inequality operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> false
> true
> false
> true
> true
Relational Operators:


Greater than operator(>):  This operator is used to check whether the left-side value is greater than the right-side value. If the value is greater then the condition is true otherwise false.
Syntax:
x > y
Example 1: Below examples illustrate the (>) operator in JavaScript.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> true
> false
> true
Example 2: This example describes the greater than operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> false
> false
> false
> true
Greater than or equal operator(>=): This operator is used to check whether the left side operand is greater than or equal to the right side operand. If the value is greater than or equal then the condition is true otherwise false.
Syntax:
x >= y
Example 1: Below examples illustrate the (>=) operator in JavaScript.
Javascript



<script>
 
 // 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);
</script>
Output:


> true
> true
> true
> false
Example 2: This example describes the greater than or equal operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> true
> false
> true
> true
Less than operator(<): This operator is used to check whether the left-side value is less than the right-side value. If yes then the condition is true otherwise false.
Syntax:
x < y
Example 1: Below examples illustrate the (<) operator in JavaScript.
Javascript



<script>
 
 // 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);
</script>
Output:
> true
> false
> false
> true
Example 2: This example describes the Less than operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> false
> true
> false
> false
Less than or equal operator(<=): This operator is used to check whether the left side operand value is less than or equal to the right side operand value. If yes then the condition is true otherwise false.
Syntax:


x <= y
Example 1: Below examples illustrate the (<=) operator in JavaScript.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> false
> false
> true
Example 2: This example describes the Less than or equal to an operator to compare the 2 values.
Javascript



<script>
 
    // 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);
</script>
Output:
> true
> true
> true
> true
> false
Supported Browsers: The browsers supported by all JavaScript Comparison operators are listed below:
  • Google Chrome
  • Firefox
  • Opera
  • Safari
  • Microsoft Edge
  • Internet Explorer

My Personal Notes
arrow_drop_up
Previous
JavaScript | Assignment operators
Next

JavaScript Bitwise Operators
Recommended Articles
Page :
Excel VBA Comparison Operators
01, Jul 21
Comparison Operators in LISP
04, Sep 21
Comparison Operators in SQL
10, Nov 21
How do the PHP equality (== double equals) and identity (=== triple equals) comparison operators differ?
11, Oct 18
JavaScript | ‘===’ vs ‘==’Comparison Operator
21, Mar 18
Comparison of Dart and JavaScript
10, Jul 20
JavaScript Course | Logical Operators in JavaScript
24, Apr 19
JavaScript Course | Operators in JavaScript
24, Apr 19
Comparison between static and instance method in PHP
28, Nov 18
Comparison between GraphQL & RESTful Architecture
29, Jan 20
AngularJS vs Angular2 | Features and Comparison
31, Oct 19
Comparison between Lists and Array in Python
20, Jun 20
How to create Comparison accordion using Google AMP amp-accordion ?
27, Oct 20
How to compare two images using Image comparison slider?
08, Mar 21
Comparison between MongoDB vs. Cassandra
20, Jun 21
Comparison between Go & Node.js
18, Jul 21
String comparison using == vs strcmp() in PHP
27, Nov 18
JavaScript Bitwise Operators
20, Jun 18
JavaScript Operators
10, Jul 18
Javascript Short circuiting operators
14, Apr 20
JavaScript | Assignment operators
02, Jun 20
JavaScript | Arithmetic Operators
10, Jun 20
Alternative to Multiple OR Operators in JavaScript
14, Oct 20
JavaScript Operators Complete Reference
20, Feb 21
Article Contributed By :
https://media.geeksforgeeks.org/auth/avatar.png
SHUBHAMSINGH10
@SHUBHAMSINGH10
Vote for difficulty





Improved By :
Article Tags :
Report Issue

We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
        Privacy Policy

Lightbox

Start Your Coding Journey Now!