因为JavaScript是弱类型的语言,所以类型转换发生非常频繁。
类型转换分为两种,隐式转换即程序自动进行的类型转换,强制转换即我们手动进行的类型转换。
强制转换这里就不再多提及了,下面我们来看看让人头疼的可能发生隐式类型转换的几个场景,以及如何转换:
null
undefined
''
NaN
0
false
各种数学算符
—
我们在对各种非Number类型运用数学运算符(- * /)时,会先将非Number类型转换为Number类型;
-
1 - true// 0
-
1 - null// 1
-
1 * undefined// NaN
-
2 * ['5'] // 10
注意 是个例外,执行 操作符时:
1. 当一侧为String类型,被识别为字符串拼接,并会优先将另一侧转换为字符串类型。
2. 当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型。
3. 当一侧为Number类型,另一侧为引用类型,将引用类型和Number类型转换成字符串后拼接。
-
123 '123'// 123123 (规则1)
-
123 null// 123 (规则2)
-
123 true// 124 (规则2)
-
123 {} // 123[object Object] (规则3)
==
—
使用==时,若两侧类型相同,则比较结果和===相同,否则会发生隐式转换,使用==时发生的转换可以分为几种不同的情况(只考虑两侧类型不同):
NaN
NaN和其他任何类型比较永远返回false(包括和他自己)。
-
NaN == NaN// false
Boolean
Boolean和其他任何类型比较,Boolean首先被转换为Number类型。
-
true == 1// true
-
true == '2'// false
-
true == ['1'] // true
-
true == ['2'] // false
这里注意一个可能会弄混的点:undefined、null和Boolean比较,虽然undefined、null和false都很容易被想象成假值,但是他们比较结果是false,原因是false首先被转换成0:
-
undefined == false// false
-
null == false// false
String和Number
—
String和Number比较,先将String转换为Number类型。
-
123 == '123'// true
-
'' == 0// true
Null和Undefind
—
null == undefined比较结果是true,除此之外,null、undefined和其他任何结果的比较值都为false。
-
null == undefined// true
-
null == ''// false
-
null == 0// false
-
null == false// false
-
undefined == ''// false
-
undefined == 0// false
-
undefined == false// false
原始类型和引用类型
—
当原始类型和引用类型做比较时,对象类型会依照ToPrimitive规则转换为原始类型:
'[object Object]' == {} // true
-
'1,2,3' == [1, 2, 3] // true
!的优先级高于==,![ ]首先会被转换为false,然后根据上面第二点,false转换成Number类型0,左侧[]转换为0,两侧比较相等。
-
[] == ![] // true
根据数组的ToPrimitive规则,数组元素为null或undefined时,该元素被当做空字符串处理,所以[null]、[undefined]都会被转换为0。
-
[null] == false// true
-
[undefined] == false// true
所以,说了这么多,推荐使用===来判断两个值是否相等...
隐式转换规则
—
,