JavaScript中==和===的区别

JavaScript中==和===的区别

js中我们经常会判断两个值相等不相等，用到的就是相等运算符和严格相等运算符。一般情况下，只要变量的数据类型可以确定，我们都使用===来进行判断

下面对两个元素符的使用或者说是判断规则进行一下讲解

一、==相等运算符

相等运算符在进行类型判断时可能会进行一些类型转换

1、如果有一个操作数是布尔值，那么在进行比较时还会将其转换为数值

1 == true // true

2、如果一个操作数是字符串，另一个是数值，在比较的时候会将字符串改成数值

1 == '1' // true

3、如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf和toString方法把对象做一个转换

[] == "" // true
[] == false //
let a = [1,2,3]
a.toString() // 1,2,3
let b = {"test":2}
b.toString() // '[object Object]'
[] == {} //false

4、针对null undefined等需要特别注意，此外其他任何组合都不相等

null == undefined //true
false == NaN //false
null == 0 //false
undefined == 0 //false
​

5、额外注意：即使三个操作数有两个之间相等，也不代表三个都相等

0 == "0"  //true
0 == []   //true
"0" == [] // false

6、有趣的东西

0.1 == '0.1' // true
(0.1 + 0.2) == 0.3  // false
0.0000000001 ==  '0.0000000001' // true
parseInt(0.000000008) == 8 //true

这里涉及精度以及进制转换的问题，了解一下就好

二、=== 严格相等运算符

严格相等运算符是先进行类型比较，如果类型都不同，直接就不相等

ES6数据类型有Number、String、Boolean、 Object、Symbol、null和undefined。

Copy1 === true //false
1 === "1"  //false
[] === ""  //false
null === undefined //false
// 值得注意的是,如果两个操作数都是对象，则比较引用地址。如果引用地址相同，则相等；否则不等。
let a = {}
let b = {}
a == b //false
a === b // false
​