difference between == and ===

Javascript makes a lot of things easier for you so check out this example I made to help you understand. Consider these two variables.

a = "2";
b = 2;

Now we will begin testing:

//Value equality testing against number 2
a == 2; 
> true
b == 2;
> true

//Value equality testing against string "2"
a == "2"; 
> true
b == "2";
> true

As you can see a == 2 outputs true even if variable a is a string containing a number and I'm testing it against the number 2. This is because "==" tests value, not type. They are all true here unless I try a == 3 or anything else which returns false. Next you will see how "===" equality works differently instead.

//Full equality testing against number 2
a === 2; 
> false
b === 2;
> true

//Full equality testing against string "2"
a === "2"; 
> true
b === "2";
> false

Now you can see that with "===" value AND type are needed to pass the test.

" ===" or strict comparison means that it has the same type and value. "==" just checks the value. Its better to use "===" and check the type, and if anything breaks you can just convert it from Type A to Type B

Just to add to the already great answers here.

The '==' operator compares two values without consideration to the type (string, number, etc). This is why '3' == 3 is considered true to the '==' operator.

The '===' operator compares two values and returns true if and only if the value and type are the same. Basically, both values have to be the same in every way for the strict equal to operator to return true.

"==" is a comparison that does not consider type while "===" is a strict comparison that does consider type.

"===" Both the type and value have to be the same. Ex: 4 === "4" //would print false since the type and value are not the same

"==" Ex: 4=="4" //would print true.