Vanilla JavaScript == vs ===
permalinkThe difference between two or three = signs in JavaScript
can be complicated and vague to understand at first. I found myself in a spot where I would always use the triple === set up to be safe. But let's try and find out the real difference today.
JavaScript == vs ==== permalink
Let's first try and understand the basic difference on paper. The two are comparison operators, meaning they will compare between two sides; these can be variables or values.
JavaScript == Comparison permalink
The == operator is used for equal to
comparison and is the most basic of the two.
Some options are:
x = 3;
console.log(x == 10); // false
console.log(x == 3); // true
console.log(x == '3'); // true
As you can see, we define a number, but even the string is valid.
JavaScript === Comparison permalink
The === comparison is the same, but stricter, it needs an equal value and equal type.
So doing the same we will get the following results:
x = 3;
console.log(x === 10); // false
console.log(x === 3); // true
console.log(x === '3'); // false
Hopefully, this made the initial difference clear between the two. Let me know if you want to see more of this in a future article.
See it in action on this Codepen.
Thank you for reading, and let's connect! permalink
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter