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

场景:在电商类等程序中,往往会涉及到商品价格的计算,诸如下面的情况:(测试实在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.53 = 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)
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值