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
在这里插入图片描述


版权声明:本文为weixin_42190844原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。