前端计算加减乘除产生浮点数的解决

445 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动 在 JavaScript 中整数和浮点数都属于 Number 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中,例如金额,这样看上去有点变扭,但是至少值是正确了。然而要命的是,当浮点数做数学运算的时候,你经常会发现一些问题,举几个例子:

  1. // 加法 =====================
  2. // 0.1 + 0.2 = 0.30000000000000004
  3. // 减法 =====================
  4. // 1.5 - 1.2 = 0.30000000000000004
  5. // 0.3 - 0.2 = 0.09999999999999998  
  6. // 乘法 =====================
  7. // 19.9 * 100 = 1989.9999999999998
  8. // 除法 =====================
  9. // 0.3 / 0.1 = 2.9999999999999996 封装通用的方法来解决浮点数带来的影响
/*
   * 判断obj是否为一个整数
   */
function isInteger(obj) {
  return Math.floor(obj) === obj
}
function toInteger(floatNum) {
  var ret = { times: 1, num: 0 }
  if (isInteger(floatNum)) {
    ret.num = floatNum
    return ret
  }
  var strfi = floatNum + ''
  var dotPos = strfi.indexOf('.')
  var len = strfi.substr(dotPos + 1).length
  var times = Math.pow(10, len)
  var intNum = parseInt(floatNum * times + 0.5, 10)
  ret.times = times
  ret.num = intNum
  return ret
}
function operation(a, b, op) {
  var o1 = toInteger(a)
  var o2 = toInteger(b)
  var n1 = o1.num
  var n2 = o2.num
  var t1 = o1.times
  var t2 = o2.times
  var max = t1 > t2 ? t1 : t2
  var result = null
  switch (op) {
    case 'add':
      if (t1 === t2) { // 两个小数位数相同
        result = n1 + n2
      } else if (t1 > t2) { // o1 小数位 大于 o2
        result = n1 + n2 * (t1 / t2)
      } else { // o1 小数位 小于 o2
        result = n1 * (t2 / t1) + n2
      }
      return result / max
    case 'subtract':
      if (t1 === t2) {
        result = n1 - n2
      } else if (t1 > t2) {
        result = n1 - n2 * (t1 / t2)
      } else {
        result = n1 * (t2 / t1) - n2
      }
      return result / max
    case 'multiply':
      result = (n1 * n2) / (t1 * t2)
      return result
    case 'divide':
      result = (n1 / n2) * (t2 / t1)
      return result
  }
}

// 加减乘除的四个函数
export function add(a, b) {
  return operation(a, b, 'add')
}

export function subtract(a, b) {
  return operation(a, b, 'subtract')
}

export function multiply(a, b) {
  return operation(a, b, 'multiply')
}

export function divide(a, b) {
  return operation(a, b, 'divide')
}