解决js计算的精度问题

/**

 * 解决js计算的精度问题

 * 使用:import calc from '@/utils/calculation'

 * 加法:calc.add(num1, num2)

 * 减法:calc.sub(num1, num2)

 * 乘法:calc.mul(num1, num2)

 * 除法:calc.div(num1, num2)

 */

const fn = {

  countDecimals(num) {

    let len = 0

    try {

      num = Number(num)

      let str = num.toString().toUpperCase()

      if (str.split('E').length === 2) { // scientific notation

        let isDecimal = false

        if (str.split('.').length === 2) {

          str = str.split('.')[1]

          if (parseInt(str.split('E')[0]) !== 0) {

            isDecimal = true

          }

        }

        let x = str.split('E')

        if (isDecimal) {

          len = x[0].length

        }

        len -= parseInt(x[1])

      } else if (str.split('.').length === 2) { // decimal

        if (parseInt(str.split('.')[1]) !== 0) {

          len = str.split('.')[1].length

        }

      }

    } catch (e) {

      throw e

    } finally {

      if (isNaN(len) || len < 0) {

        len = 0

      }

      // eslint-disable-next-line no-unsafe-finally

      return len

    }

  },

  convertToInt(num) {

    num = Number(num)

    let newNum = num

    let times = this.countDecimals(num)

    let tempNum = num.toString().toUpperCase()

    if (tempNum.split('E').length === 2) {

      newNum = Math.round(num * Math.pow(10, times))

    } else {

      newNum = Number(tempNum.replace('.', ''))

    }

    return newNum

  },

  getCorrectResult(type, num1, num2, result) {

    let tempResult = 0

    switch (type) {

      case 'add':

        tempResult = num1 + num2

        break

      case 'sub':

        tempResult = num1 - num2

        break

      case 'div':

        tempResult = num1 / num2

        break

      case 'mul':

        tempResult = num1 * num2

        break

    }

    if (Math.abs(result - tempResult) > 1) {

      return Number(tempResult)

    }

    return Number(result)

  }

}

const calculation = {

  // 加法

  add(num1, num2) {

    num1 = Number(num1)

    num2 = Number(num2)

    let dec1, dec2, times

    try { dec1 = fn.countDecimals(num1) + 1 } catch (e) { dec1 = 0 }

    try { dec2 = fn.countDecimals(num2) + 1 } catch (e) { dec2 = 0 }

    times = Math.pow(10, Math.max(dec1, dec2))

    // let result = (num1 * times + num2 * times) / times

    let result = (this.mul(num1, times) + this.mul(num2, times)) / times

    return fn.getCorrectResult('add', num1, num2, result)

    // return result

  },

  // 减法

  sub(num1, num2) {

    num1 = Number(num1)

    num2 = Number(num2)

    let dec1, dec2, times

    try { dec1 = fn.countDecimals(num1) + 1 } catch (e) { dec1 = 0 }

    try { dec2 = fn.countDecimals(num2) + 1 } catch (e) { dec2 = 0 }

    times = Math.pow(10, Math.max(dec1, dec2))

    // let result = Number(((num1 * times - num2 * times) / times)

    let result = Number((this.mul(num1, times) - this.mul(num2, times)) / times)

    return fn.getCorrectResult('sub', num1, num2, result)

    // return result

  },

  // 乘法

  mul(num1, num2) {

    num1 = Number(num1)

    num2 = Number(num2)

    let times = 0

    let s1 = num1.toString()

    let s2 = num2.toString()

    try { times += fn.countDecimals(s1) } catch (e) { }

    try { times += fn.countDecimals(s2) } catch (e) { }

    let result = fn.convertToInt(s1) * fn.convertToInt(s2) / Math.pow(10, times)

    return fn.getCorrectResult('mul', num1, num2, result)

    // return result

  },

  // 除法

  div(num1, num2) {

    num1 = Number(num1)

    num2 = Number(num2)

    let t1 = 0

    let t2 = 0

    let dec1, dec2

    try { t1 = fn.countDecimals(num1) } catch (e) { }

    try { t2 = fn.countDecimals(num2) } catch (e) { }

    dec1 = fn.convertToInt(num1)

    dec2 = fn.convertToInt(num2)

    let result = this.mul((dec1 / dec2), Math.pow(10, t2 - t1))

    return fn.getCorrectResult('div', num1, num2, result)

    // return result

  }

}

export default calculation

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中解决JavaScript计算精度问题,可以使用第三方库math.js。通过引入math.js库,我们可以避免在浮点数计算中出现的精度问题。 在Vue中使用math.js可以按照以下步骤进行: 1. 首先,安装math.js库。可以使用npm或者yarn进行安装,例如:`npm install mathjs`。 2. 在Vue组件中引入math.js库,可以使用import语句进行引入,例如:`import math from 'mathjs'`。 3. 在需要进行计算的地方,使用math.js提供的相应方法进行计算。例如,对于减法,可以使用`math.subtract()`方法,对于加法,可以使用`math.add()`方法,对于除法,可以使用`math.divide()`方法。 4. 由于math.js处理的是大整数和大浮点数,所以在进行计算之前,需要将需要计算的数字转换成math.js支持的格式。可以使用`math.bignumber()`方法将数字转换成math.js支持的格式。 5. 最后,使用`math.format()`方法将计算结果转换成字符串格式,以避免出现科学计数法或多余的小数位。 举例来说,如果要解决0.1 + 0.2的计算精度问题,可以按照以下代码进行操作: ```javascript import math from 'mathjs' const addNumber = math.format(math.add(math.bignumber(0.1), math.bignumber(0.2))) console.log(addNumber) // 输出0.3 ``` 使用类似的方法,可以解决减法和除法的计算精度问题。请记住,在进行计算之前,将需要计算的数字转换成math.js支持的格式,然后使用相应的数学方法进行计算,并最后使用`math.format()`方法转换结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue使用mathjs解决前端计算精度不足问题](https://blog.csdn.net/qq_43555948/article/details/119885043)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值