js 运算符_JS的相等和严格相等运算符（== & ===）

【===】被称为严格相等运算符，【==】被称为相等运算符，两个都是用来比较两边的值是否相等，相等则返回true，否则返回false。

然鹅，他们的比较规则是不一样的。

---

【===】严格相等运算符的比较规则：

1.两边数据的类型不同，直接返回false:

'1' === 1 => false

2.两边都是相同类型的基础数据类型（number, string, boolean）比较时，他们的值相等，则返回true，否则返回false：

1 === 1 => true
'1' === '1' => true
+0 === -0 => true

3.NaN与NaN比较会返回false:

NaN === NaN => false
// 相反地
NaN !== NaN => true

4.两边都是引用数据类型时，比较的是指针指向的内存地址是否相等，相等返回true，否则返回false：

var a1 = []
var a2 = []
var a3 = a1
var j1 = {a: 1}
var j2 = {a: 1}
var j3 = j1
var f1 = function () {}
var f2 = function () {}
var f3 = f1
a1 === a2 => false
a1 === a3 => true
j1 === j2 => false
j1 === j3 => true
f1 === f2 => false
f1 === f3 => true

5.null和undefined会与自身严格相等：

null === null => true
undefined === undefined => true
// null与undefined 不会严格相等，因为他们类型不一样:)
null === undefined => false

---

【==】相等运算符比较规则：

1.相同类型比较时，和严格相等比较规则一样：

1 == 1 => true
'1' == '1' => true
[] == [] => false
{} == {} => false

2.两边都是基础数据类型时，会将数值进行转换，转换成number类型在进行比较：

1 == true; // true
// 等同于 1 === 1

0 == false; // true
// 等同于 0 === 0

2 == true; // false
// 等同于 2 === 1

2 == false; // false
// 等同于 2 === 0

'true' == true; // false
// 等同于 Number('true') === Number(true)
// 等同于 NaN === 1

'' == 0; // true
// 等同于 Number('') === 0
// 等同于 0 === 0

'' == false;  // true
// 等同于 Number('') === Number(false)
// 等同于 0 === 0

'1' == true;  // true
// 等同于 Number('1') === Number(true)
// 等同于 1 === 1

'n  123  t' == 123; // true
// 因为字符串转为数字时，省略前置和后置的空格

3.引用数据类型与基础数据类型比较时，会将引用数据类型转换为基础数据类型的值，再进行比较：

其中Object转为原始值：

所有object转为boolean时都为true。

object转为基础数据类型时会先调用自身原型的toString()方法，如果没有toString()方法，则会调用valueOf()。

[] == 1 => false
[] == 0 => true
({}) == 1 => false
// ({}) 调用toString方法得到"[object Object]", "[object Object]" 转换为number为NaN,所以NaN === 1 为false
({}) != NaN => true

4.两边有null或者undefined时，null和undefined 与其他类型比较时，都会返回false，他们与对方或者自身比较时，会返回true：

null == 1 => false
null == '1' => false
null == [] => false
null == {} => false
null == true => false
null == undefined => true
null == null => true
undefined == undefined => true

---

总结：建议使用严格相等运算符【===】

以上大概就是这两者的区别，如果有不足或者错误，欢迎指正！