站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: Vue+elementUI实现多图片上传与回显功能(含回显后
搜索:
您的位置: 主页 > 教程 > 网页编程 > JavaScript > » 正文

实例分析JS中的相等性判断===、 ==和Object.is()

来源: 易采站长站

相信刚接触JS的人都会被他的想等性判断给整糊涂,看看下面代码,你能答对几个?

NaN === NaN // false
NaN == NaN // false
Object.is(NaN, NaN) // true
0 == false // true
1 == true // true
Number(null) === 0 // true
null == 0 // false

Javascript提供了三种不同的值比较操作,分别是严格相等、宽松相等、以及Object.is,希望看完下面的内容,能够彻底弄清楚他的判断逻辑。

1. 严格相等 x === y判断逻辑

1、如果x的数据类型和y的数据类型不相同,返回false;

2、如果x是Number类型

x是NaN,返回false y是NaN,返回false x的值和y的值相等,返回true x是+0,y是-0,返回true x是-0,y是+0,返回true 否则返回false

3、其他类型参照SameValueNonNumber(x, y)

断言:x,y不是Number类型; 断言: x,y的数据类型相同; x是undefined, y是undefined return true; x是null, y是null,return true; x是字符串类型,当且仅当x,y字符序列完全相同时(长度相同,每个位置上的字符也相同)返回true, 否则返回false; 如果x是布尔类型,当x,y都为true或者都为false时返回true,否则返回false; 如果x是symbol类型,当x,y是相同的symbol值,返回true,否则返回false; 如果x,y是同一个对象值,返回true,否则返回false;
NaN === NaN // false
undefined === undefined // true
null === null // true
undefined === null // false

2. 宽松相等 x == y

    如果x,y的类型相同,返回x===y的结果; 如果x是null, y是undefined, 返回true; 如果x是undefined, y是null, 返回true; 如果x是数值,y是字符串, 返回x == ToNumber(y); 如果x是字符串,y是数值, 返回ToNumber(x) == y; 如果x是布尔类型, 返回ToNumber(x)==y 的结果; 如果y是布尔类型,返回 x==ToNumber(y) 的结果; 如果x是String或Number或Symbol中的一种并且Type(y)是Object,返回 x==ToPrimitive(y) 的结果 如果Type(x)是Object并且Type(y)是String或Number或Symbol中的一种,返回 ToPrimitive(x)==y 的结果 其他返回false
12 == '0xc' // true, 0xc是16进制
12 == '12' // true
12 == '12c' // false, 说明ToNumber转换是用的Number()方法

注意:

Number(null) === 0
但是
null == 0 // false,

2.1 ToNumber将一个值转换为数值类型

详情参考数值类型转换

如果是boolean类型, true返回1,false返回0; 如果是数值,只是简单的传入返回; 如果是null,返回0 如果是undefined, 返回NaN; 如果是字符串,字符串如果只包含数字,则将其转换成十进制数;如果是有效的浮点格式,将其转换成对应的浮点数值;如果是二进制或十六进制将其转换成对应的十进制数值; 如果是对象,调用对象的valueOf()方法,然后依照前面规则转换,如果valueOf返回值是NaN,则调用toString()方法,再依照前面的规则转换返回的字符串
最新图文资讯
1 2 3 4 5 6
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -