js如何将字符串转数字？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

js将字符串转数字的方法：1、使用转换函数parseInt()或者parseFloat()；parseInt()可以将值转换成整数，parseFloat()可以把值转换成浮点数。2、使用Number()函数，把对象的值转换为数字。

方法1：使用转换函数parseInt()或者parseFloat()

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。

parseInt

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

1 2	`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 的情况，应该检查转化后的值。

1	`parseFloat("44.jpg");` `// return 44`

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

方法2：使用Number()函数

Number() 函数把对象的值转换为数字；如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。

示例：

var test1= new Boolean(true);
var test2= new Boolean(false);
var test3= new String("999");
var test4= new String("999 888");
 
document.write(Number(test1)+ "<br />");
document.write(Number(test2)+ "<br />");
document.write(Number(test3)+ "<br />");
document.write(Number(test4)+ "<br />");

输出;

1
0
999
NaN

方法3：利用js变量弱类型转换

举个小例子，一看，就会明白了。

var str= '012.345 ';
var x = str-0;
x = x*1;

上例利用了js的弱类型的特点，只进行了算术运算，实现了字符串到数字的类型转换，不过这个方法还是不推荐的

推荐教程：《JavaScript视频教程》

以上就是js如何将字符串转数字？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » js如何将字符串转数字？

js如何将字符串转数字？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论