如何使用js将字符串转数字

今天就跟大家聊聊有关如何使用js将字符串转数字，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

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

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

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

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。

方法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的弱类型的特点，只进行了算术运算，实现了字符串到数字的类型转换，不过这个方法还是不推荐的

看完上述内容，你们对如何使用js将字符串转数字有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。