JS浮点数做乘法运算导致精度丢失的问题

项目两年前老同事开发好的东西,今天发现了问题。我就去看了看他的代码。
现在是有个数字,我需要四舍五入,并且保留两位小数位。
我输入1.355 那么返回的是1.36。这里没有问题,而我输入1.255返回的确实1.25而不是1.26。

下面是原来的代码

  toPrecision(num, precision) {
      if (precision === undefined) precision = this.numPrecision
      return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision))
    }

我们看他这里用到了先作乘法再作除法来达到保留指定小数位的目的。
咋看没啥问题,我们把num=1.255,precision=2带进去会发现
在计算 num * Math.pow(10, precision) 时出了问题,这时丢失了精度,导致后面的计算Math.round返回的是1.25而不是1.26。

在这里插入图片描述

为了解决这个问题,我们可以在作运算时使用toFixed。

 toPrecision(num, precision) {
      if (precision === undefined) precision = this.numPrecision
      // 这里在做乘法运算时要使用toFixed去四舍五入,防止精度丢失问题,比如1.255*100 !== 125.5
      return parseFloat(Math.round((num * Math.pow(10, precision)).toFixed(precision)) / Math.pow(10, precision))
    },

当然还是推荐用BigNumber.js 的toFixed 来解决浮点数运算导致的各种各样的问题。

https://mikemcl.github.io/bignumber.js/#toFix
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值