产品运营-优惠券的设定和使用

场景:在电商类等程序中,往往会涉及到商品价格的计算,诸如下面的情况:(测试实在chrome的控制台进行)

// 加法
3.1+1.5 = 4.6 正确
0.7+0.1 = 0.7999999999999999 错误
3.2+4.4 = 7.6000000000000005 错误

// 减法
2.8-2.1 = 0.6999999999999997 错误
2.3-1.2 = 1.0999999999999999 错误
2.6-1.3 = 1.3 正确

// 乘法
0.5*3 = 1.5 正确
0.7*3 = 2.0999999999999996 错误

// 除法
0.3/0.1 = 2.9999999999999996错误
0.69/0.1 = 6.8999999999999995 错误
1.69/0.1 = 16.9正确

常规解决:

常规的时候,可能直接使用toFixed(2)进行浮点数的四舍五入,计算结果如下:

1.35.toFixed(1) // 1.4 正确

1.335.toFixed(2) // 1.33 错误

1.3335.toFixed(3) // 1.333 错误

1.33335.toFixed(4) // 1.3334 正确

原因:

javaScript中所有数字包括整数和小数都只有一种类型Number。它的实现遵循IEEE 754标准,使用64位固定长度来表示,也就是标准的double双精度浮点数,计算的时候由于小数位的限制而截断的二进制数再转化为十进制的时候产生了偏差

解决方案:

我们只需要在需要将需要显示的值先转化为parseFloat类型,然后再调用即可解决这个问题。

/** 
 * 返回精确的n位小数数值
 * @param num:number
 * @param dig:number
*/

export function digitToFixed(num,dig){
    if(typeof(num) == 'undefined'){
        return '0.00'
    }
    else {
        let digit = dig ? dig : 2
        return parseFloat(num).toFixed(digit)
    }
}

猜你喜欢

转载自blog.csdn.net/xjl271314/article/details/79493319
今日推荐