Difference Between =, == And === In JavaScript

In the example above, the comparison returns true regardless of the data types of the values being compared. For instance, when we evaluate 100 == 100, both values are integers, so the comparison is straightforward and returns true. However, when we compare 100 == "100", where one value is an integer and the other is a string, JavaScript performs type conversion to make both values comparable. It converts the string "100" to the number 100, resulting in a comparison of 100 == 100, which also returns true.

This behavior shows that the == operator does not enforce strict type checking and will convert types as necessary to determine equality.

<h2>Difference between =, == and === in Javascript</h2>  
<script type="text/javascript">  
    function Comparision() {  
        var number = 100;  // Here number variable assigned using =  
        debugger;  
  
        if (number === 100)  
        // Here comparison between two values using ==. 
        //This will not check datatype, irrespective of datatype it will do the comparison  
            $("#lblMessage").text("Both are equal");  
        else  
            $("#lblMessage").text("Both are not equal");  
  
        if (number === "100")  
        // Here comparison between two values using ===. 
        //This will not check datatype, irrespective of datatype it will do the comparison  
            $("#lblMessage1").text("Both are equal");  
        else  
           $("#lblMessage1").text("Both are not equal");  
    }  
</script>  
<table>  
    <tr>  
        <td>  
            100 === 100  
        </td>  
        <td>  
           <label id="lblMessage" runat="server" ></label>  
        </td>  
    </tr>  
    <tr>  
        <td>  
            100 === "100"  
        </td>  
        <td>  
           <label id="lblMessage1" runat="server" ></label>  
        </td>  
    </tr>  
      
</table>  
 <button id="btnSubmit" type="submit" onclick="Comparision();" class="btn btn-primary">Submit</button>  

In the code snippet above, I've used the === operator to compare two variables. The comparison returns true for 100 === 100 because both the value and the data type (number) are identical. However, it returns false for 100 === "100" because, although the values look the same, one is a number and the other is a string. This result demonstrates that === performs a strict comparison, checking both the data type and value to ensure they are exactly the same.

Conclusion

This article has explained the differences between =, == and === in JavaScript. The single = is used for assigning values to variables, while == and === are used for comparison. The == operator compares two variables without considering their data types, allowing for type coercion. On the other hand, the === operator performs a strict comparison, checking both the value and the data type of the variables. If both the value and the type match, it returns true; otherwise, it returns false.

Check out my other JavaScript articles here:
Difference Between let, var, and const in JavaScript with Example

Count Number Of Character Occurrences In A String Using JavaScript

If you'd like to explore more articles, please Clcik Here