JavaScript中的==运算

最新推荐文章于 2024-07-17 15:26:15 发布

weixin_34405354

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量106

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5afaa3636fb9a07ac85a9171

版权

JavaScript中==的运算

今天无意间在打开掘金时，看到一篇文章：一张图彻底搞定JavaScript中的==运算,文章的地址：一张图彻底搞定JavaScript中的==运算

文章中的图详细的讲解了各种类型之间==的转换，其中左右类型的==转换都会趋向于Number类型的转换

我们知道，JavaScript的数据类型分为两大类：原始类型（primitive）和对象类型（object）

1、当string类型与number类型进行==运算时：
字符串会通过ToNumber （Number（））操作进行转换，如果能将字符串转成合理数字，则返回数字，如果不能，则返回NAN；

x == y ---> Number(x) == y;
复制代码

字符串转化成数字的规则为：b按字符串两边的空白符去掉，然后在去掉两边的双引号，看他能否组成合理的数字，可以，则返回这个数字，反之，则返回NAN;

Number("456");   //456
Number("156ABC") //NAN
Number("\r\n\t123\v\f") //123
Number('');     //0
复制代码

2、boolean类型与number类型==运算 boolean只有两个值，为：true和false，其中他们转换成数字时为：true ---> 1,false ---> 0;

3、boolean类型与string类型==运算
boolean类型的值和string类型的值会分别先转化成数字类型，再进行比较

4、对象类型与原始类型之间的==运算

[''] == false;
复制代码

这是一个对象类型和原始类型布尔值之间的==运算，我们先将false转化成0

[''] == 0;
复制代码

下面将对象类型转换原始类型,其调用的过程为：

首先会调用对象中的valueOf（）方法，由于valueOf（）返回的是本身的值,所以它还是对象类型
那么此时它就会调用对象中的toString（），toString方法返回的是一个字符串类型，此时它为原始类型，那么转化后的值再会转化成数字类型与之比较，上面的结果会如下：

'' == 0;
0 == 0;  //true
复制代码

在要掌握==之间的运算规则，除了理解各类型之间的转化规则，还要理解valueOf()和toString()的规则。

下面引用文章中的一个图来做总结吧：

图中P:ToPrimitive N:ToNumber

这篇文章是参考一张图彻底搞定JavaScript中的==运算而写的笔记，如果想要更详细的了解或者是更有逻辑的理解，请参考原文：一张图彻底搞定JavaScript中的==运算

感谢您的阅读，希望你有所收获
这是作者首次写文章，如有不足，请谅解，并提出你宝贵的意见~~

转载于:https://juejin.im/post/5afaa3636fb9a07ac85a9171

关注