parseInt函数的作用是什么,使用要注意哪些
Admin 2022-07-20 群英技术资讯 835 次浏览
探讨背景:
不知道小伙伴们有没有发现,如果是parseInt(0.006)或者parseInt(0.0006)等返回的值都应该 0,但是parseInt(0.0000006)返回的值却诡异的 6,这到底为什么呢?
parseInt函数的作用
首先先说一下,parseInt()的作用是什么?他是js原生的方法,是用来把数字字符串转化为Number类型的数字的,还有他只是转化整数部分。
parse 是转化,Int 是整型,整数,目的是把里面转换成整数
var num = parseInt(demo ,radix); //demo 是你要转换的那个数
传一个参数的用法
var demo =”123”; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number:123 var demo = true; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: NaN var demo = false; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: NaN var demo = 123.9; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//number: 123,直接砍掉小数非四舍五入 var demo = “10”; var num = parseInt(demo ,16); console.log(typeof(num) + “:” + num); //number: 16
传两个参数的用法
var num = parseInt(demo ,radix); //radix 是基底的意思
解释:radix 写成 16,系统会认为是以 16 进制为基底, 10(一零)是 16 进制的一零,是以 16 进制为基底,把他转成为 10 进制的数字(就是 16),上面是以目标进制为基底,转换成十进制(radix 范围是 2-36)
例:
//1、 parseInt(10,2)//结果是 2 因为把10看成是二进制把它转换成10进制得2 //2 var demo = “123abc”; var num = parseInt(demo); console.log(typeof(num) + “:” + num);//结果:number: 123 //因为parseInt 从数字类开始看,看到非数字类为止,返回原来的数
探究原因
发现我们理想的是把这个小数都变成0,但是parseInt(0.0000006)却返回6,真是离谱呀。
console.log(parseInt(0.006)) //0 console.log(parseInt(0.0006)) //0 console.log(parseInt(0.00006)) //0 console.log(parseInt(0.000006)) //0 console.log(parseInt(0.0000006)) //6
返回我就开始探索他的原因,是哪里出现了问题。
parseInt(0.0000006) //0.000006 String(0.0000006); //6e-7 parseInt(6e-7); //6 parseInt(0.0000006) //6
总结原因
这下我发现原因了,原来是因为在10的-6次方之后,形式就换成了复数的形式(6e-7)。然后用parseInt()把6e-7的6,进行了返回,所以最后返回的值是6。
改正
如果要把小数安全的返回回来,就要用别的方法啦!
Math.floor(0.00006); //0 Math.floor(0.000006); //0 Math.floor(0.0000006); //0
这样就可以得到你想要的值了。
总结
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要为大家详细介绍了vue实现秒杀倒计时组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了网址URL中特殊字符转义编码,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
方法:1、利用“$(input元素)”语句获取所有的input元素对象;2、利用prop()方法和disabled属性让获取到的input元素失效即可,语法为“input元素对象.prop("disabled","disabled");”。
在开发后台管理系统的时候,很多地方都要用到导出excel 表格,比如将table中的数据导出到本地,这篇文章主要给大家介绍了关于Vue导出Excel功能的相关资料,需要的朋友可以参考下
这篇文章主要介绍了vue中jsonp的使用方法,文章从安装开始展开具体的vue中jsonp的使用详细内容,需要的朋友可以参考一下,希望对大家有所帮助
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008