数据类型转换分为隐式类型转换和显式类型转换
隐式类型是程序内部自动完成的
显示类型转换是程序员手动完成的
隐式类型转换:
JavaScript的取值非常灵活,我们已经从布尔值看到这一点:当JavaScript期望使用一个布尔值的时候,你可以提供任意类型值。JavaScript会根据需要自行转换类型。一些值会转换为true,另一些值会转换为false。这在其他类型中同样适用:如果JavaScript期望的值是一个字符串,它把给定的值将转换为字符串。如果JavaScript期望使用一个数字,它把给定的值将转换为一个数字。一些例子:
10 + " name" // -> "10 name",数字10转换成字符串
"7" * "4" // -> 28,字符串被自动转换成数字
let a = 1 - "x", //-> NaN,字符串"x"无法转换为数字
a + " name" //-> "a name",NaN转换为字符串"NaN"
JavaScript类型转换
值 | 转换为字符串 | 数字 | 布尔值 | 对象 |
---|---|---|---|---|
undefined | “undefined” | NaN | false | throw TypeError |
null | “null” | 0 | false | throw TypeError |
true | “true” | 1 | new Boolean(true) | |
false | “false” | 0 | new Boolean(false) | |
" " 空字符串 | 0 | false | new String("") | |
“123” 纯数字字符串 | 123 | true | new String(“123”) | |
“12abc” 普通字符串 | NaN | true | new String(“12abc”) | |
0 | “0” | false | new Number(0) | |
1 | “1” | true | new Number(1) | |
-0 | “0” | false | new Number(-0) | |
NaN | “NaN” | false | new Number(NaN) | |
Infinity | “Infinity” | true | new Number(Infinity) | |
-Infinity | “-Infinity” | true | new Number(-Infinity) | |
{} 任意对象 | true | |||
[] 空数组 | " " | 0 | true | |
[ 1 ] 一个数字元素 | “1” | 1 | true | |
[‘a’] 其他数组 | 使用join()方法 | NaN | true | |
function(){} 任意函数 | NaN | true |
复杂类型数据转换为Number类型:先调用对象的valueOf()方法,如果返回的是基本类型数据,就对返回值使用Number()方法;如果返回的是复杂类型数据,就让返回值调用toString()方法,(除了undefined和null之外任何值都有toString()方法),最后再对返回值调用Number()方法。
复杂类型数据转换为String类型:先调用对象的toString()方法,如果返回的是基本类型的值就再对返回值使用String()方法;如果返回值是复杂类型,再调用valueOf()方法,如果返回的是基本类型数据,再使用String()方法;如果仍然返回复杂类型数据,则抛出异常。
例子:
[] + [] = "";
{} + {} = "[object Object][object Object]";
{} + [] = 0; //{} 会被当作是空的代码块不做运算,+ [] 就是对 []取值
[] + {} = "[object Object]"