parseInt函数的作用是什么,使用要注意哪些
Admin 2022-07-20 群英技术资讯 877 次浏览
探讨背景:
不知道小伙伴们有没有发现,如果是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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本篇文章带大家了解一下RPC通信,介绍一下RPC和Ajax的相同点和不同点,希望对大家有所帮助!
作用域是指程序源代码中定义变量的区域,作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限,这篇文章主要给大家介绍了关于JavaScript静态作用域和动态作用域的相关资料,需要的朋友可以参考下
本文实例为大家分享了Bootstrap table列上下移动效果的具体代码,供大家参考,具体内容如下排序1. 按钮排序点击排序按钮,页面的序号变为可点击的方向键,实现手动排序(第一行没有下
目录Storage本地化存储localStoragesessionStorageStrorage本地存储实例在model文件夹下面新建一个storage.js创建storeStorage本地化存储存储优点:空间更大:cookie为4kb,storage为5mb节省网络流量:不会发送数据到服务器,直接存储在本地快速显示:
本文主要给大家分享的是用vue实现可操作的弹出框效果,实现效果如下,下文还有具体的实现思路及实现代码,感兴趣的朋友可以参考了解看看,那么接下来就跟随小编来学习一下吧。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008