JavaScript中小数点计算问题

加法运算

方法一：转整计算

将需要运算的小数扩大10倍、100倍、。。。将小数扩大到整数，然后进行运行，最后再缩小扩大的倍数

var num1 = 0.1
var num2 = 0.2
var num3 = (num1 * 10 + num2 * 10) / 10
console.log(num3) // 0.3

方法二：toFixed

通过js中Number的内置方法toFixed，强制保留小数点后位数

var num1 = 0.1
var num2 = 0.2
var num3 = num1 + num2
console.log(num3.toFixed(3)) // 0.300 - 强制保留小数点后3位

方法三：封装1

封装数学运算方法

function add(...args) {
  try {
    args.forEach((item) => {
      if (typeof item !== 'number') throw '数学运算要使用数字'
    })
    const arr = args
      .map((item) => {
        const index = (item + '').indexOf('.')
        if (index !== -1) return (item + '').split('.')[1].length
      })
      .filter((item) => item)
    if (arr.length) {
      const max = Math.max(...arr)
      const data = args.map((item) => item * Math.pow(10, max))
      return data.reduce((a, b) => a + b) / Math.pow(10, max)
    } else {
      return args.reduce((a, b) => a + b)
    }
  } catch (error) {
    console.warn(error)
  }
}

// 调用
console.log(add(0.1, 0.2)) // 0.3
console.log(add(1, 2)) // 3
console.log(add(1, 2.1)) // 3.1

 方法四：封装2

封装 - 加法运算

function additiveOperation(...args) {
  let num = 0
  try {
    const arr = args.map((item) => {
      if (typeof item !== 'number') throw '请输入数字'
      const str = item.toString()
      const index = str.indexOf('.')
      const len = str.length
      return index !== -1 ? len - (index + 1) : index
    })
    const max = Math.max(...arr)
    if (max > 0) {
      const mi = 10 ** max
      const data = args.map((item) => item * mi)
      num = data.reduce((pre, cur) => cur + pre) / mi
    } else {
      num = args.reduce((pre, cur) => cur + pre)
    }
  } catch (error) {
    console.warn(error)
  }
  return num
}

console.log(additiveOperation(0.3, 0.8))

乘法运算

封装 乘法运算

function multiplication(...args) {
  let num = 0
  try {
    const arr = args.map((item) => {
      if (typeof item !== 'number') throw '请输入数字'
      const str = item.toString()
      const index = str.indexOf('.')
      const len = str.length
      return index !== -1 ? len - (index + 1) : index
    })
    const max = Math.max(...arr)
    if (max > 0) {
      const mi = 10 ** max
      const len = mi ** args.length
      const data = args.map((item) => item * mi)
      num = data.reduce((pre, cur) => cur * pre) / len
    } else {
      num = args.reduce((pre, cur) => cur * pre)
    }
  } catch (error) {
    console.warn(error)
  }
  return num
}

console.log(multiplication(13, 23.8)) // 309.4

console.log(13 * 23.8) // 309.40000000000003

参考： 细说JavaScript中小数点计算不精准的原因和解决方案 - 知乎