JavaScript Comparison Operators

JavaScript Comparison operators are mostly used either in If Statements or Loops. For example, JavaScript Comparison operators are commonly used to check the relationship between two variables. If the relation is true, it will return Boolean TRUE, or if the relation is false, it will return Boolean FALSE.

The below table shows all the JavaScript Relational Operators with examples.

OperatorsUsageDescriptionExample
>a > ba greater than b7 > 3 returns True
<a < ba less than b7 < 3 returns False
>=a >= ba greater than or equal to b7 >= 3 returns True
<=a <= ba less than or equal to b7 <= 3 return False
==a == ba equal to b7 == “7” returns True
===a === 7a Exactly equal to b7 === “7” returns False
!=a != ba is not equal to b7 != 3 returns True
!==a !== ba is not equal to b, and its Type7 !== 3 returns True

JavaScript Comparison Operators Example

This example helps you to understand the JavaScript Comparison Operators practically. For this example, We are using two variables, a and b, whose values are 9 and 4. Next, we will use these two variables to perform various JavaScript relational operations.

<!DOCTYPE html>
<html>
<head>
    <title>JavaScriptComparisonOperators </title>
</head>
<body>
    <h1>PerformingComparisonOperations </h1>
<script>
   var a = 12, b = 4;

   document.write("Result of " + a +" Greater than " + b +" is = " + (a > b) + "<br />");
   document.write("Result of " + a +' Greater than or Equal to ' + b +" is = " + (a >= b) + "<br />");
   document.write("Result of " + a +' Less than or Equal to ' + b +" is = " + (a <= b) + "<br />");
   document.write("Result of " + a +' Less than ' + b +" is = " + (a < b) + "<br />");
   document.write("Result of " + a +' Equal to ' + b +" is = " + (a ==b ) + "<br />");
   document.write("Result of " + a +' Not Equal to ' + b +" is = " + (a !=b ) + "<br />");   
</script>
</body>
</html>
JavaScript Comparison Operators 1

In this JavaScript Comparison Operators example, we assigned 2 integer values, a and b, and we assigned the values 9 and 4 using the below statement.

 var a = 12, b = 4;

In the next line, We checked these values against each and every Comparison operator we have.

JavaScript Comparison Operators using If Condition

This example helps you to understand how JavaScript Comparison operators are used in the If Else Statement. For this JavaScript example, We are using two variables, x, and y, whose values are 10 and 25. We will use the == operator to check whether variable x is equal to y or not.

<!DOCTYPE html>
<html>
<head>
    <title>Javascript ComparisonOperators 2</title>
</head>
<body>
    <h1> Comparison Operations </h1>
    <p id = 'result'> Addition </p>
<script>
   var x = 12, y = 24;
   
   if (x === y)
   {
    document.getElementById("result").innerHTML = x +' is Equal to ' + y;
   }
   else
   {
    document.getElementById("result").innerHTML = x +' is Not Equal to ' + y;
   } 
</script>
</body>
</html>
Comparison Operations

12 is Not Equal to 24

In this JavaScript relational Operators example, We assigned 2 integer values, x, and y, and we assigned the values 10 and 25 using the below statement.

var x = 12, y = 24;

If Condition

x is exactly equal to y, then the first statement (statement inside the If block) will be executed.

document.getElementById("result").innerHTML = x +' is Equal to ' + y;

If x is not equal to y, then the second statement (statement inside the Else block) will be executed.

document.getElementById("result").innerHTML = x +' is Not Equal to ' + y;

Here x value (12) is obviously not equal to 25, so the Second statement will be displayed in the paragraph.

Difference between == , === and !=, !==

This JavaScript Comparison Operators example helps you to understand, Difference between ==, ===, !=, and !== operator.

  • == check whether the value on the left-hand side is equal to the value on the right-hand side
  • === check whether the value and the data type on the left-hand side are equal to the value and the data type on the right-hand side
  • In Comparison Operators, != check whether the value on the left-hand side is not equal to the value on the right-hand side
  • !== check whether the value and the data type on the left-hand side are not equal to the value and the data type on the right-hand side
<!DOCTYPE html>
<html>
<head>
    <title>Example </title>
</head>
<body>
    <h1> Example </h1>
<script>
    document.write("Equal to: " + (12 == "12"));
    document.write("  <br /> Exactly Equal to: " + (12 === "12"));
    
    document.write(" <br /> Not Equal to: " + (12 != "12"));
    document.write(" <br /> Exactly Not Equal to: " + (12 !== "12"));  
    
</script>
</body>
</html>
Example

Equal to: true
Exactly Equal to: false
Not Equal to: false
Exactly Not Equal to: true