JavaScript 数据类型转换

数据类型转换分为隐式类型转换和显式类型转换

隐式类型是程序内部自动完成的
显示类型转换是程序员手动完成的
隐式类型转换:

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”NaNfalsethrow TypeError
null“null”0falsethrow TypeError
true“true”1new Boolean(true)
false“false”0new Boolean(false)
" " 空字符串0falsenew String("")
“123” 纯数字字符串123truenew String(“123”)
“12abc” 普通字符串NaNtruenew String(“12abc”)
0“0”falsenew Number(0)
1“1”truenew Number(1)
-0“0”falsenew Number(-0)
NaN“NaN”falsenew Number(NaN)
Infinity“Infinity”truenew Number(Infinity)
-Infinity“-Infinity”truenew Number(-Infinity)
{} 任意对象true
[] 空数组" "0true
[ 1 ] 一个数字元素“1”1true
[‘a’] 其他数组使用join()方法NaNtrue
function(){} 任意函数NaNtrue

复杂类型数据转换为Number类型:先调用对象的valueOf()方法,如果返回的是基本类型数据,就对返回值使用Number()方法;如果返回的是复杂类型数据,就让返回值调用toString()方法,(除了undefined和null之外任何值都有toString()方法),最后再对返回值调用Number()方法。
复杂类型数据转换为String类型:先调用对象的toString()方法,如果返回的是基本类型的值就再对返回值使用String()方法;如果返回值是复杂类型,再调用valueOf()方法,如果返回的是基本类型数据,再使用String()方法;如果仍然返回复杂类型数据,则抛出异常。

例子:
[] + [] = "";
{} + {} = "[object Object][object Object]";
{} + [] = 0; //{} 会被当作是空的代码块不做运算,+ [] 就是对 []取值
[] + {} = "[object Object]"
  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值