很多前端人都知道,在js中浮点数之间相乘是会出现很多离谱的问题的,比如3.33得出来的答案会是9.899999999999999,而不是9.9.
我们常见的做法往往就是把小数转换成整数之后再相乘,比如将3.33改成3.310乘以3再除以10,这样就能能够正确计算了。
然而,这样依旧存在问题,这并不是完美的解决方案!
比如,我们用20.331005/100试试,你会发现的出来的结果是101.64999999999998,问题出在哪里呢?问题就出在20.33100这里,你用20.33100打印出来会发现得出的答案是2032.9999999999998,那么,该怎么处理呢?
小编能想到的便是先将其四舍五入取整,然后再进行后面的计算,及Math.round(20.33100)*5/100,这样就不会出现类似的错误了。
下面是全部的代码:
// 把小数转成整数,同时返回要除以的10的倍数
export const integer = (num) => {
// 转成字符串
let newNum = ''
newNum = num + ''
if(newNum.indexOf('.') === -1){
return { int: parseInt(num), divisor: 1 }
}
// 分割字符串
let len = newNum.split('.')[1].length
// 求10的倍数
let total = 1
while(len !== 0){
total = total * 10
len --
}
// 返回整数和10的倍数
return { int: Math.round(total*num), divisor: total }
}
const obj = integer(20.33) // 打印出来是{int: 2033, divisor: 100}
const result = obj.int * 5 / obj.divisor // 打印出来结果是101.65
如果大家有更好的解决办法,欢迎交流分享!