类型转换
类型转换分为两种,隐式转换即程序自动进行的类型转换,强制转换即我们手动进行的类型转换。这里主要说下隐式转换。
1. 类型转换规则
如果发生了隐式转换,那么各种类型互转符合下面的规则:
2. if语句和逻辑语句
在if语句
和逻辑语句中,如果只有
单个变量,会先将变量转换为Boolean值
,只有下面几种情况会转换成false,其余被转换成true:
null
undefined
''
NaN
0
false
3. 各种运数学算符
我们在对各种非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)
4. ==
使用==
时,若两侧类型相同,则比较结果和===
相同,否则会发生隐式转换,使用==
时发生的转换可以分为几种不同的情况(只考虑两侧类型不同):
- 1.NaN
NaN
和其他任何类型
比较永远返回false(包括和他自己)。
NaN == NaN // false
- 2.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
- 3.String和Number
String
和Number
比较,先将String转换为Number类型。
123 == '123' // true
'' == 0 // true
- 4.null和undefined
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
- 5.原始类型和引用类型
当原始类型和引用类型做比较时,对象类型会依照ToPrimitive规则转换为原始类型:
'[object Object]' == {} // true
'1,2,3' == [1, 2, 3] // true
来看看下面这个比较:
[] == ![] // true
!
的优先级高于==
,![]
首先会被转换为false
,然后根据上面第二点,false
转换成Number
类型0
,左侧[]
转换为0
,两侧比较相等。
[null] == false // true
[undefined] == false // true
根据数组的ToPrimitive
规则,数组元素为null
或undefined
时,该元素被当做空字符串处理,所以[null]
、[undefined]
都会被转换为0。
所以,说了这么多,推荐使用===
来判断两个值是否相等…
5. 一道有意思的面试题
一道经典的面试题,如何让:a == 1 && a == 2 && a == 3
。
根据上面的拆箱转换,以及==
的隐式转换,我们可以轻松写出答案:
const a = {
value:[3,2,1],
valueOf: function () {return this.value.pop(); },
}
- 今天先发出去,后边准备再添加内容:
valueof()
和tostring()
在隐式类型转换中的用处