JavaScript中将字符串转换为数字的七种方法总结

1. 使用 parseInt()

parseInt()解析一个字符串并返回一个整数。允许空格。仅返回第一个数字。
这种方法虽然有一个限制。如果您解析十进制数,它将四舍五入到最接近的整数值,并将该值转换为string。可能需要使用parseFloat()方法进行文字转换。

arrString= '996'
console.log(parseInt(arrString)) // expected result: 996
  
a = 996.1212
console.log(parseInt(a)) // expected result: 996
  1. 使用 Number()

Number()可用于将 JavaScript 变量转换为数字。我们可以用它来转换字符串太数字。

如果该值不能转换为数字,NaN则返回。

在这里插入图片描述

  1. 使用一元运算符 (+)

一元加号运算符 ( +) 在其操作数之前并计算其操作数,但如果尚未将其转换为数字,则尝试将其转换为数字。

const x = 119;
const y = -119;
console.log(+x); // expected output: 119
console.log(+y); // expected output: -119
console.log(+''); // expected output: 0

4.使用parseFloat()

parseFloat()解析一个字符串并返回一个数字。允许空格。仅返回第一个数字。

parseFloat("10");        // returns 10
parseFloat("10.33");     // returns 10.33
parseFloat("10 20 30");  // returns 10
parseFloat("10 years");  // returns 10
parseFloat("years 10");  // returns NaN
  1. 使用 Math.floor()

该Math.floor()函数返回小于或等于给定数字的最大整数。这对于十进制数字可能有点棘手,因为它将最接近的整数的值返回为Number。

在这里插入图片描述

6.乘以数字

将字符串值乘以1不会改变值,并且默认情况下它会转换为数字。

在这里插入图片描述

  1. 双波浪号 (~~) 运算符

我们可以使用双波浪号运算符将字符串转换为数字。
在这里插入图片描述
跟parseInt有点类型,会把小数点去掉

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前些天在做项目时遇到一个很大的困难,就是在javascript中动态创建一个链接,链接到服务器上的某个附件,点击它就可以查看或是下载。代码我都已经写好如下: function createHref(pathname){ var newHref=document.createElement("a"); newHref.href="OneDownloadServlet?pathname="+ pathname; } 页面中将服务器上链接到该附件的绝对地址作为参数pathname的值传递给createHref(pathname)函数,可是页面在加载时总是无法将pathname传递给该函数,调试时IE报”缺少十六进制数字”这样的错误,实在是看不懂什么意思,于是上网百度,果然有很多人都遇到了这样的问题.原来是javascript在提交数据时若遇到”\”会把它当做javascript的特殊字符对待(相当于关键字),从而打乱了javascript代码,导致错误.而我的pathname由于是绝对地址,包含了很多个”\”,所以报错。解决办法是将”\”替换成”\\”即可!网上有一个通用的转码组件,不仅可以转换javascript的,还可以转换html,xml等的特殊字符,许多帖子都转载了它。但是我对它进行了测试,发现有很多错误,或者是函数过期,或者是替换字符串写错,还有对javascript转换函数中缺少对”\”的转换.于是对其进行了修正,然后测试就成功了!比如我上面的例子,若使用该组件的话只需要: pathname= CommStr.jsEncoder(pathname)即可!现在我把该帖子贴出来,给大家参考,如还有错误,欢迎指正!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值