js中==和===的区别以及总结

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

 

  

 

上一篇:第三天 #JS基础


下一篇:JS-04-undefined、null和NaN的区别