码迷,mamicode.com
首页 > Web开发 > 详细

关于js中值的比较规则问题

时间:2016-02-25 19:48:37      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

上一篇文章提到了javascript中可变值与不可变值,如果你不知道什么是可变值和不可变值,可以先去看看那篇文章,再回来看这篇,因为这篇文章是基于可变值与不可变值讲解的。

 

那我就默认你知道什么是可变值与不可变值。

 

1.对于不可变值来说(也就是数字,字符串,布尔,null,undefined),它们是比较值是否相等,如果值是相等的那么它们就是相等的。

2.但对于可变值来说(对象,数组),它们显然比较值不太合适,因为它们的值是可以改变的,所以javascript为了避免这种情况的发生,把它们的比较规则修改成比较引用是否相同也就是说看它们是否是同一个东西创建出来的,如果是那么它们就相等。

 

技术分享
 1 var a = [];
 2 var b = a;
 3 a[0]=2;
 4 console.log(a); >>[2]
 5 console.log(b); >>[2]  同时也把b的值也修改了,因为数组是可变的类型(也就是我们常说的引用类型)。
 6 console.log(a==b); >>true
 7 console.log(a===b); >>true
 
、、、、、、、、、、、、、、、、、、、、、、、、
1 var a = "11"; 2 var b = a; 3 a = "22"; 4 console.log(a); >>"22" 5 console.log(b); >>"11" 6 console.log(a==b); >>false 7 console.log(a===b); >>false
技术分享

 

 上面我们只是说了相同类型的值的比较,那么如果是对象与原始值那么它们是怎么样比较的呢?相当于上面的那些它们的比较要复杂一些,如果按照转换的次数来分的话,相同类型的数据比较只需要转换一次,而不同类型的比较则需要转换两次,当然不同类型的转换可能不只是两次,我只是说的大多数情况。

 

 

技术分享
 1 var a = 1;
 2 var b = [1];
 3 console.log(a==b); >>true

 1 var a = "1";
 2 var b = [1];
 3 console.log(a==b); >>true
  
 1 var a = 1;
 2 var b = [1];
 3 var c = b.toString();
 4 console.log(typeof b); >>object
 5 console.log(typeof c); >>string
 6 console.log(a==c);    >>true
技术分享
这里数组进行了隐式转换,调用了toString();为什么调用toString()因为数组也是对象,对象是调用这个进行转换成原始值的,如果不是对象那就是调用普通的String、Number方法;

转换过程如下:
  1.首先将调用toString转换b,转换后的b="1";
  2.现在b是一个普通的字符串也就是原始值,那么现在就可以调用Nubmer来转换了,最后就成了数字1;
  

 

 

关于js中值的比较规则问题

标签:

原文地址:http://www.cnblogs.com/zhangxiaolei521/p/5217989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!