js将字符串转换成数字的四种方法

js将字符串转换成数字的四种方法

前端菜鸟-AllenYe

于 2022-01-12 22:15:42 发布

53682
收藏 22
分类专栏: 前端 文章标签: javascript 前端
版权

前端

方法主要有四种
1转换函数、2强制类型转换、3利用js变量弱类型转换、4在字符串前面添加个+

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

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

2.强制类型转换
还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下:
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。

用  法 结  果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100
1

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。

3. 利用js变量弱类型转换
举个小例子,一看,就会明白了。

复制代码 代码如下:

<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>
1

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

4. 在字符串前面添加个+

————————————————
版权声明:本文为CSDN博主「前端菜鸟-AllenYe」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_34595425/article/details/122463554

posted @ 2022-11-07 14:32  前端白雪  阅读(4936)  评论(0编辑  收藏  举报