Difference equals operator (== vs ===) in JavaScript and which to use when?


I came up with two javascript comparison operators ==(two equals) and ===(three equals) sign, I would like to know when I should use which of these comparison operators and when?

Is there any performance improvement when using ===? 

Thanks

 


Asked by:- bhanu
2
: 155 At:- 9/6/2017 11:26:14 AM
javascript operatos identity-operator equality-operator






2 Answers
profileImage Answered by:- pika

In javascript, 3 equal signs(===) means "equality without type coercion". Using the triple equals, the values must be equal in type as well, to better understand it, check this comparison below

0 == false   // true
0 === false  // false, because they are of a different type
1 == "1"     // true, automatic type conversion for value only
1 === "1"    // false, because they are of a different type
null == undefined // true
null === undefined // false again for same reason, type is not same
'0' == false // true because basically in logical operator fasle emans 0
'0' === false // false becasue type is different

From the above answer you can understand, The == operator will compare for equality by doing any necessary type conversions(if required) while on the other hand === operator , will not do the conversion, so if two values are not the same type === will simply return false.

So you can say === and !== are strict comparison operators in javascript, check this URL from Mozilla.Org

In terms of performance, === is not quicker if the types are the same. If types are not the same, === will be quicker because it won't try to do the conversion

1
At:- 9/7/2017 7:33:46 AM
great answer with an example, as needed, thanks 0
By : bhanu - at :- 9/11/2017 1:39:13 PM


profileImage Answered by:- manish

JavaScript provides three different value-comparison operations:

  • strict equality (or "triple equals" or "identity") using ===,
  • loose equality ("double equals") using ==,
  • and Object.is (new in ECMAScript 2015)

Let's take a look Each of them one by one

Strict equality using ===

Strict equality compares two values for equality. Neither value is implicitly converted to some other value before being compared. If the values have different types, the values are considered unequal. Otherwise, if the values have the same type and are not numbers, they're considered equal if they have the same value. Finally, if both values are numbers, they're considered equal if they're both not NaN and are the same value, or if one is +0 and one is -0.

Example:

var num = 0;
var obj = new String('0');
var str = '0';

console.log(num === num); // true
console.log(obj === obj); // true
console.log(str === str); // true

console.log(num === obj); // false
console.log(num === str); // false
console.log(obj === str); // false
console.log(null === undefined); // false
console.log(obj === null); // false
console.log(obj === undefined); // false

Loose equality using ==

Loose equality compares two values for equality, after converting both values to a common type.  After conversions (one or both sides may undergo conversions), the final equality comparison is performed exactly as === performs it.  Loose equality is symmetric: A == B always has identical semantics to B == A for any values of A and B (except for the order of applied conversions).

Example javascript code:

var num = 0;
var obj = new String('0');
var str = '0';

console.log(num == num); // true
console.log(obj == obj); // true
console.log(str == str); // true

console.log(num == obj); // true
console.log(num == str); // true
console.log(obj == str); // true
console.log(null == undefined); // true

// both false, except in rare cases
console.log(obj == null);
console.log(obj == undefined);

Take a look at comparison table:

x y == ===
undefined undefined true true
null null true true
true true true true
false false true true
'foo' 'foo' true true
0 0 true true
+0 -0 true true
+0 0 true true
-0 0 true true
0 false true false
"" false true false
"" 0 true false
'0' 0 true false
'17' 17 true false
[1, 2] '1,2' true false
new String('foo') 'foo' true false
null undefined true false
null false false false
undefined false false false
{ foo: 'bar' } { foo: 'bar' } false false
new String('foo') new String('foo') false false
0 null false false
0 NaN false false
'foo' NaN false false
NaN NaN false false

Source

1
At:- 10/9/2017 3:40:09 PM Updated at:- 10/9/2017 3:43:00 PM





Login/Register to answer
Or
Register directly by posting answer/details

Full Name *

Email *




By posting your answer you agree on privacy policy & terms of use

Subscribe Now

Subscribe to our weekly Newsletter & Keep getting latest article/questions in your inbox weekly