• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

js中parseInt()诡异行为的探究与改正

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

探讨背景:

不知道小伙伴们有没有发现,如果是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

这样就可以得到你想要的值了。

总结

到此这篇关于js中parseInt()诡异行为的文章就介绍到这了,更多相关js中parseInt()内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
vue实现检测敏感词过滤组件的多种思路发布时间:2022-02-05
下一篇:
vue实现登录时的图片验证码发布时间:2022-02-05
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap