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