一个解决js浮点运算精度的代码

比市面上很多解决方案都要准确的方案

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  操作数1:<input id="a">
  操作数2:<input id="b">
  <button></button>
  <button></button>
  <button></button>
  <button></button>
  结果:<span id="result"></span>
  <script>
// 补0
function padding0 (p) {
  var z = ''
  while (p--) {
    z += '0'
  }
  return z
}

/**
 * 解决小数精度问题
 * @param {*数字} a
 * @param {*数字} b
 * @param {*符号} sign
 * fixedFloat(0.3, 0.2, '-')
 */
function fixedFloat (a, b, sign) {
  function handle (x) {
    var y = String(x)
    var p = y.lastIndexOf('.')
    if (p === -1) {
      return [y, 0]
    } else {
      return [y.replace('.', ''), y.length - p - 1]
    }
  }
  // v 操作数1, w 操作数2, s 操作符, t 精度
  function operate (v, w, s, t) {
    switch (s) {
      case '+': return (v + w) / t
      case '-': return (v - w) / t
      case '*': return (v * w) / (t * t)
      case '/': return (v / w)
    }
  }

  var c = handle(a)
  var d = handle(b)
  var k = 0

  if (c[1] === 0 && d[1] === 0) {
    return operate(+c[0], +d[0], sign, 1)
  } else {
    k = Math.pow(10, Math.max(c[1], d[1]))
    if (c[1] !== d[1]) {
      if (c[1] > d[1]) {
        d[0] += padding0(c[1] - d[1])
      } else {
        c[0] += padding0(d[1] - c[1])
      }
    }
    return operate(+c[0], +d[0], sign, k)
  }
}
// 加
function plus (a, b) {
  return fixedFloat(a, b, '+')
}
// 减
function minus (a, b) {
  return fixedFloat(a, b, '-')
}
// 乘
function multiply (a, b) {
  return fixedFloat(a, b, '*')
}
// 除
function division (a, b) {
  return fixedFloat(a, b, '/')
}
  </script>

  <script>
  // 操作部分
  var a = document.getElementById('a')
  var b = document.getElementById('b')
  var result = document.getElementById('result')
  document.addEventListener('click', function (e) {
    if (e.target.nodeName === 'BUTTON') {
      var v = 0
      switch (e.target.innerText) {
        case '加': result.innerText = plus(a.value, b.value)
          break
        case '减': result.innerText = minus(a.value, b.value)
          break
        case '乘': result.innerText = multiply(a.value, b.value)
          break
        case '除': result.innerText = division(a.value, b.value)
          break
      }
    }
  })
  </script>
</body>
</html>

评论

0条评论

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注