JavaScript字符串转数字的5种方法及遇到的坑_js字符串转数字 - CSDN文库

字符串转数字

114 浏览量更新于2023-10-20 评论收藏 62KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

JavaScript字符串转数字的字符串转数字的5种方法及遇到的坑种方法及遇到的坑

JavaScript是一个神奇的语言，字符串转数字有5种方法，各有各的坑法!接下来通过本文给大家介绍JavaScript

字符串转数字的5种方法及其陷阱，感兴趣的朋友一起看看吧

String转换为Number有很多种方式，我可以想到的有5种！

parseInt(num); // 默认方式 (没有基数)

parseInt(num, 10); // 传入基数 (十位数)

parseFloat(num) // 浮点数

Number(num); // Number 构造器

~~num //按位非

num / 1 // 除一个数

num * 1 // 乘一个数

num - 0 // 减去0

+num // 一元运算符 "+"

选择哪一种呢？什么时候选择它？为什么选择这种它？我们逐一进行分析，并解析每种方式的常见陷阱。

parseInt

根据JsPerf.com的基准测试，大多数浏览器对parseInt的响应最佳。虽然它是最快的方式，但使用preseInt会碰到一些常见陷

阱：

parseInt('08') // returns 0 部分老浏览器.

parseInt('44.jpg') // returns 44

parseInt: 没有传入基数时，默认是传入的基数为10 parseInt(num, 10)，如果你不知道num属性的类型，不要使用parseInt进行

字符串转数字。

parseFloat

如果你不解析16进制数，这是一个非常好的选择。例如：

parseInt(-0xFF) // returns -255

parseInt("-0xFF") // returns -255

parseFloat(-0xFF) // returns -255

parseFloat("-0xFF") // returns 0

注意：字符串中的负十六进制数字是一个特殊情况，如果你用parseFloat解析，结果是不正确的。为了避免程序出现NaN的情

况，应该检查转化后的值。

parseFloat('44.jpg') // return 44

parseFloat: 转换十六进制数时要小心，如果你不知道要转换对象的类型，不要使用parseFloat。

按位非按位非

可以把字符串转换成整数，但他不是浮点数。如果是一个字符串转换，它将返回0；

~~1.23 // returns 1

~~"1.23" // returns 1

~~"23" // returns 23

~~"Hello world" // returns 0

这是什么原理？通过翻转)每个位，也称为数字的A1补码。你可以使用它，但注意只能用来存储整数。所以通常情况不要用

它，除非你能确定这个数是在32位整数之间的值（因为调用的ToInt32的规范）。

按位非：用它确保输入中没有字符，仅用于整数。

Number

Number与以上提及的转换方式一样存在这样的问题，解析时试图找出你给他的数字：

Number("023") // returns 23

Number(023) // returns 19

注意：023实际上是一个八进制数，无论你怎么做，都是返回19；对于没有单引号或双引号的十六进制数一样。

Number也是JsPerf中最慢的之一。

Number：几乎不用它。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38499503

粉丝: 8
资源: 975

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈