Javascript == ,and === or equality and identity comparison operators

So the javaScipt == or Equality operator is used to find equality in expressions, in addition there is also the === or identity operator that is used to preform a more strict type sensitive kind of comparison between two values. So there is more than one comparison operator in javaScript because of javaScripts typeless nature. A variable can be of any kind of type at any given moment, at one time it can be the number 5 and at another moment it can be the string 5. So there is a need for a comparison operator that does type conversion, and another that does not. This is a subject that comes up often in javaSciprt related discussions so it goes without saying that I should write a post on this one.

1 - javaScript == can be used to find equality (AKA type conversion)

The javaScript == operator can be used to find equality between to operands. If the two operands are equal the resulting value will be true otherwise it will result in false. When this kind of operator is used to make a comparison type conversion is preformed until there is a common type between the two values, at which point the comparison is truly made. So when this kind of comparison operator is used the number 5 will of course equal the number 5, however the number 5 will also equal the string 5 when type conversion is preformed. This is why in most cases I, as well as many other developers often prefer to use the identity operator in place of the equally operator, more on that a litter later.

1
2
let str = 7;
console.log( str == 7); // true

Simple enough for the most part however there are some things to be ware of, and there is also another operator === known as the identity operator. So be sure to read on if this is a subject that you still find a little confusing.

1.1 - The == operator preforms type conversion

The main difference between == and === is that == preforms type conversion. In the event that both operands that are used in the operation are not of the same type then type conversion is used to check if they equal each other when converted.

1
2
3
4
let str = '7';
console.log(str == 7); // true
console.log(str == '7'); // true

1.2 - Comparing objects

When comparing two objects the result is true when both operands are references to the same object.

1
2
3
4
5
6
7
8
let obj = {n:42},
ref = obj;
// if both operands are references to the same object that is true
console.log(obj == ref); // true
// else it is not true
console.log(obj == {n:42}); // false

Even if another object has the same set of property names, and values it is another separate object in memory rather than two references to the same object.

1.3 - Two booleans

Same as with numbers and strings if a boolean is compared to a non boolean value type conversion is preformed. The resulting boolean value depends on the data type and the value of the type.

1
2
3
4
5
6
7
8
9
10
// two booleans
console.log(false == false); // true
console.log(!1 == false); // true
console.log(!-42 == false); // true
console.log(!0 == false); // false
console.log(true == false); // false;
// type conversion
console.log(0 == false); // true
console.log('' == false); // true

2 - javaScript === can be used to find identity (AKA strict comparison)

The identity, or strict comparison is another type of comparison operator in javaScript that does the same thing but with one significant difference which is of course that it does not preform type conversion. So both operands in the expression must be of the same type, as well as have the same value as well.

1
2
3
4
5
6
7
8
9
10
11
12
let str = '7',
n = 7;
// so the == (equality) operator will preform type conversion
console.log(n == str); // true
// however the === (identity) operator will not preform type conversion
console.log(n === str); // false
console.log(n === 7); // true
console.log(n === Number(str)); // true

3 - Comparing to NAN

I wrote a post in the past about NAN which is a special kind of Number value in javaScript that is a Number yet also stands for Not A Number. The problem in a nutshell is that NaN does not equal anything even itself so a special method called isNaN, or some other kind of method needs to be used to check if two values equal NaN or not.

1
2
console.log(NaN == NaN); // false
console.log(isNaN(NaN) == isNaN(isNaN)); // true