angular8类型转换 string转number_前端系列——数据类型转换总结,都在这里了!

1、其他类型转数据类型(Number)

发生情况,主要有以下四种:

1)isNaN检测是否为非有效数字的时候,当检测的值不是数据类型,浏览器会自己调用Number方法把它先转换为数字,然后再检测其是否为非有效数字。

2)基于parseInt/parseFloat去手动地转换为数字类型的时候。

3)数学运算‘+ - * / %‘’,但是‘+’不仅仅是数学运算,还可能是字符串拼接。

4)在基于“==”比较的时候,有时候也会把其他值转换为数字类型。

转换规律:

转换的方法Number,浏览器自行转换都是基于这个方法完成。

1)把字符串转换成数字

只要遇到一个非有效数字字符,结果就是NaN。注:空字符串,空格,‘/n’'/t'等特殊字符转换为数字时为0.

2)布尔类型转换为数字

true=>1

false=>0

3)把“没有”转换为数字

null=>0

undefined=>NaN

4)把引用类型转换为数字

首先都转换为字符串(toString),然后再转换为数字(Number).

9c859dbb46d6231e4d22fa7639524d69.png

2、其他类型转字符串

发生的情况,主要有以下5种:

1)基于alert、confirm等方法输出内容的时候,会把输出的值转换为字符串,然后再输出。

2)基于‘+’进行字符串拼接的时候。

3)把引用类型值转换为数字的时候会首先转换为字符串,然后再转换为数字。

4)给对象设置属性名,如果不是字符串,首先转换为字符串,然后再做属性存储到对象中(对象的属性只能是数字或者字符串)。

5)手动调用toString/toFixed/join/string等方法的时候,也是为了转换为字符串。

转换规律:

调用的方法是toString,除了对象,所有其他类型的转换结果简单的说都加个单/双引号就可以了。普通对象都转换为‘[object object]’

c9947721c212707d9d0c1803e6b5dd24.png

3、把其他值转换为布尔类型

发生的情况:

1)基于!/!!/boolean等方法转换

2)条件判断中的条件最后都会转换为布尔类型,如果是值,直接转换,是表达式,先计算表达式的结果,然后再转换。

转换规律:只有"NaN、null、undefined、' '、0”转换为布尔类型值时为false,其余都是true。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值