parseInt函数的作用是什么,使用要注意哪些
Admin 2022-07-20 群英技术资讯 1816 次浏览
这篇文章给大家分享的是“parseInt函数的作用是什么,使用要注意哪些”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。探讨背景:
不知道小伙伴们有没有发现,如果是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-router-link选择样式设置第一种第二种hash和history的区别1.hash2.history(服务器环境下才有效果)vue-router的link样式设置vue-router-link选择样式设置第一种在router-link组件上 添加属性 active-class=‘ative’在css中
使用JavaScript实现随机颜色生成器 目录 项目基本结构 1.颜色生成器的基本结构 2.使用 HTML 添加标题 3.创建用于颜色查看的显示器 4.创建一个框以查看颜色代码 5.创建生成器和复制按钮 6.使用 JavaScript 激活随机颜色生成器 完整源码下载 在线演示地址 项目基本结构 目录结构如下: 1.颜色生成器的基本结构 我使用了以下的 HTML 和 CSS 代码创建了这个颜色生成器的基本结构.在添加所有信息的页面上创建了一个小框,框的背景颜色为白色. <div class="container" ...
今天给大家分享的是关于vue轮询的内容,本文会给大家介绍对vue轮询的理解以及实现vue轮询请求的实例,感兴趣的朋友不妨继续往下了解看看。
这篇文章主要为大家详细介绍了JS实现移动端上下滑动一次一屏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章带大家了解一下Angular中的5种类(class)装饰器,希望对大家有所帮助!
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008