首页  >  文章  >  web前端  >  js如何将字符串转数字?

js如何将字符串转数字?

青灯夜游
青灯夜游原创
2020-07-18 14:50:014493浏览

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

js如何将字符串转数字?

方法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= &#39;012.345 &#39;;
var x = str-0;
x = x*1;

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

推荐教程:《JavaScript视频教程

以上是js如何将字符串转数字?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn