相信很多人对于parseInt
这个方法都是很熟悉,用来取整的,但是知道用它取整会出现问题的应该没有很多。
问题:
我们在处理毫秒数转化为时间的时候可能会进行下面这样的操作
// second 为需要处理的毫秒数
const day = parseInt(second / (1000 * 60 * 60 * 24));
const hour = parseInt(second / (1000 * 60 * 60));
const min = parseInt(second / (1000 * 60));
请听题:
parseInt(1 / (1000 * 60 * 60 * 24))
上面的结果是多少?
我们想要的结果应该是0,但是实际的结果却是1。
思考:
parseInt(2 / (1000 * 60 * 60 * 24)) ==> 2
parseInt(3 / (1000 * 60 * 60 * 24)) ==> 3
parseInt(4 / (1000 * 60 * 60 * 24)) ==> 4
你以为好像找到规律了,实际上并没有。
parseInt(7/ (1000 * 60 * 60 * 24)) ==> 8
parseInt(8/ (1000 * 60 * 60 * 24)) ==> 9
parseInt(9/ (1000 * 60 * 60 * 24)) ==> 1
先不考虑问题,看一下parseInt
方法的使用:
-
语法
parseInt(string, radix)
-
参数
-
string
要被解析的值。如果参数不是一个字符串,则将其转换为字符串(使用
ToString
抽象操作)。字符串开头的空白符将会被忽略。 -
radix
一个介于2和36之间的整数(数学系统的基础),表示上述字符串的基数。比如参数"10"表示使用我们通常使用的十进制数值系统。始终指定此参数可以消除阅读该代码时的困惑并且保证转换结果可预测。当未指定基数时,不同的实现会产生不同的结果,通常将值默认为10。
-
-
返回值
返回解析后的整数值。 如果被解析参数的第一个字符无法被转化成数值类型,则返回
NaN
。注意:
radix
参数为n 将会把第一个参数看作是一个数的n进制表示,而返回的值则是十进制的。
重点:
parseInt
第一个参数是字符串类型,如果参数不是一个字符串,则将其转换为字符串(使用 ToString
抽象操作)。
parseInt(1 / (1000 * 60 * 60 * 24))
// 1.第一步
1 / (1000 * 60 * 60 * 24) ==> 计算出参数: 1.1574074074074074e-8
// 2.第二步
1.1574074074074074e-8.toString() ==> 参数被转化成字符串 "1.1574074074074074e-8"
// 3.第三步
parseInt("1.1574074074074074e-8") ==> 结果: 1
这就是parseInt
取整不准确的原因。
解决:
使用Math
提供的方法,对于本文提到的时间可以使用Math.floor()
向下取整来替换parseInt
。Math.round()
函数返回一个数字四舍五入后最接近的整数,Math.ceil()
函数返回大于或等于一个给定数字的最小整数。
结语:
本文比较多的胡扯,请读者见谅,主要为了文章不太尬,帮助理解产生问题原因。再见。。。