parseInt的精度丢失问题

in JQUERY with 0 comment

作为前端开发工程师,JavaScript是我们主要的开发语言,是每个人必须要掌握的,它是弱类型语言,本身语法也比较简单,最近我发现了一个奇怪的问题,parseInt(0.0000005)输出的结果是:5,通常应该输出0才对!

1. parseInt(0.0000005)

parseInt(0.0000005) // 5

此处考的知识点是:parseInt(string,redix)方法
parseInt(string,redix)方法: 解析一个数字字符串解析为整数的函数,
其中string:要被解析的值;radix是 2-36 之间的整数,表示被解析字符串的基数。redix不是必填
注意:10不是默认值,最常见的值是2,8,10,16

示例:

parseInt(0.05);      // 没有指定或者0,会根据字符串的值进行推算
parseInt('100', 2);  // 指定2,表示将"100"以二进制方式解析字符串
parseInt(0.05,16);  // 指定16,表示将“0.05”看作是十六进制方式来解析,超出这个范围将返回NAN

2. parseInt()转化数字步骤

1.第一步:redix没有指定,将会使用string()方法将数字转化为字符串

示例:

string(0.5)       // '0.5'
string(0.05)      // '0.05'
string(0.005)     // '0.005'
string(0.0005)    // '0.0005'
string(0.00005)   // '0.00005'
string(0.000005)  // '0.000005'
string(0.0000005) // '5e-7' 重点注意这里表示方式是用指数的形式 string小于10负6次方的浮点数将以指数表示

2.第二步:做舍入操作提取整数

parseInt(string,redix)方法只能将字符串的前导部分解释为整数,它忽略任何不能被解释为整数表示法的一部分代码,并且没有给出任何这样的代码单元被忽略的指示。
parseInt() 用于字符串和非空数组,会取出其中整数部分 ( 数组的话是取第 1 个元素来处理 ) ,返回一个新的整数。

parseInt(0.0000005) 等于 parseInt("5e-7")
parseInt("5e-7")     // 5
parseInt("0.00005")  //0
parseInt("0.0005")   //0
parseInt("0.005")    //0
parseInt("0.05")     //0
parseInt(['11.45','22'])    //11
parseInt(['aa11.1','22.2']) //NAN

解释:5e-7:5是唯一一个在非字符 e 之前是数字的字符,所以其余的 e-7 将被丢弃; 0.005: 是浮点数,只会提取浮点数的整数部分

3. 总结

使用parseInt()方法提取浮点数的整数部分时要小心了,小于10负6次方的浮点数将会以指数表示,因此可以用Math.floor()函数来提取浮点数。也可以通过 parseFloat().toFixed(0)来解决

另类解决方法:

使用Math提供的方法,可以使用Math.floor()向下取整来替换parseIntMath.round() 函数返回一个数字四舍五入后最接近的整数,Math.ceil() 函数返回大于或等于一个给定数字的最小整数。

Responses