js中==和===的区别以及总结
从安小说网 https://www.sixu.info学习js时我们会遇到 == 和 === 两种符号,现做总结如下
两种符号的定义
"==" 叫做相等运算符
"===" 叫做严格相等运算符(全等运算符)
它们之间的区别
"==" 只判断等号两边的值是否相等,而不判断类型是否相同。值相同则返回 true
"===" 既要判断值是否相等,也要判断类型是否相同,即全等才能返回 true
总结:
(分析 ==)
先把等号两侧的值转化为基本数据类型,如果两侧的值基本数据类型不同,转化为数字再进行比较,如果相同,直接比较
1、undefined 和 null 互相比较返回 true,和自身比较也返回 true,其他情况返回 false
2、Infinity 只和自身比较返回 true
3、NaN,{} 和任意值比较都是返回 false
4、如果其中一个值是 true,则将其转换为 1 再进行比较。如果其中一个值是 false,则将其转换为 0 再进行比较
5、要比较相等性之前,不能将 null 和 undefined 转换成其他任何值
6、 如果一个值是数字,另一个是字符串,先将字符串转换为数值,然后使用转换后的值进行比较
7、如果等号两侧都是对象,则比较它们是否为同一个对象。如果指向同一个对象,则返回 true,否则返回 false
较为复杂的情况:
8、如果等号一侧是Number,String,Boolean这三种类型中的一种,而另一侧是对象类型时, 则对对象执行ToPrimitive操作(这步是JS解释器执行的,ToPrimitive方法的实现,正是依次去调用对象的valueOf,toString方法,直到其中一个方法返回一个基本值,然后比较返回的基本值和另一侧那三中类型的值。如果这两个方法没有返回基本值 ,那就认定不相等 )
(分析 ===)
1、先分析是否为相同类型,如果类型不同直接返回 false,
如果类型相同,
基本类型,直接比较值是否相同,
对象类型,由于对象类型保存的是对象(包括数组,函数)的地址值,所以地址值不同的,返回的都是 false。地址值相同,返回 true
上面说的有些抽象,下面我们来结合具体的实例来分析一下
== 详解(有隐式转换)
一、等号两侧是基本数据类型,且类型不同时
1. 字符串与数字比较 (等号两侧转化为数字,再比较)
100 == "100" ==> 100 == 100 // true
100 == "99" ==> 100 == 99 // false
100 == "abc" ==> 100 == NaN // false
1 == "abc" ==> 1 == NaN // false
1 == "" ==> 1 == 0 // false
2.字符串与布尔值比较(等号两侧转换为数字,再比较)
"abc" == true ==> NaN == 1 // false
"abc" == false ==> NaN == 0 // false
"" == true ==> 0 == 1 // false
"" == false ==> 0 == 0 // true
3.数字与布尔值比较(等号两侧转换为数字,再比较)
1 == true ==> 1 == 1 // true
0 == true ==> 0 == 1 // false
100 == true ==> 100 == 1 // false
1 == false ==> 1 == 0 // false
0 == false ==> 0 == 0 // true
100 == false ==> 100 == 0 // false
4. undefined 和 null
undefined 与 null 比较特殊 要比较相等性之前,不能将 null 和 undefined 转换成其他任何值
undefined 和 null 互相比较返回 true,和自身比较也返回 true,其他情况返回 false
undefiend == undefined // true
undefined == null // true
null == null // true
undefined == 其他值 // false
null == 其他值 // false
5. NaN
NaN(非数值)也很特殊,NaN 和任何值(包括自己)比较都是返回 false
NaN == NaN // false
NaN == 其他值 // false
二、等号两侧有复杂数据类型(引用类型)时,且类型不同时
(特殊:{} 和任何值比较返回都是false )
1.等号两侧都为引用类型时
(由于引用类型保存的是对象(包括数组,函数)的地址值,所以地址值不同的,返回的都是 false)
等号两侧为相同的引用数据类型时
实例
[1,2] == [1,2] // false
[1,2] == [2,3] // false
{x:1} == {x:1} // false
{x:1} == {y:1} // false
等号两侧为不同的引用数据类型时
实例
[1,2] == {y:1} // false
2.有且只有一侧为引用数据类型时
实例
[1,2] == 1 ==> NaN == 1 // false
[1,2] == true ==> NaN == 1 // false
[ 1 ] == 1 ==> 1 == 1 // true
[1] == '1' ==> '1' == '1' // true
[] == 0 ==> 0 == 0 // true
[] == '0' ==> '' == '0' // false
[] == '' ==> '' == '' // true
{x:1} == 1 ==> NaN == 1 // false
{x:1} == '1' ==> NaN == 1 // false
true == {x:1} ==> 1 == NaN // false
=== 详解(无隐式转换)
实例
100 == "100" // false
100 == 100 // true
"100" == "100" // true
{x:1} == {y:1} // false