js toFixed()四舍五入问题

原创已于 2022-11-01 12:04:32 修改 · 739 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

于 2022-10-12 11:28:19 首次发布

前端同时被 2 个专栏收录

5 篇文章

订阅专栏

web

5 篇文章

订阅专栏

本文探讨了JavaScript中toFixed方法在处理特定数值时的四舍五入问题，提供了两种改进方案来确保结果符合预期。

在js中使用tofix进行四舍五入的时候，发现对16.175使用toFixed(2)得到的是16.17，并不是16.18

let num = 16.175
console.log(num.toFixed(2))//输出结果是16.17

解决办法1

function newFixed(num, len) {
  if(Object.is(parseFloat(num), NaN)) {
    return console.log("非数字");
  }
  num = parseFloat(num);
  return (Math.round((num + Number.EPSILON) * Math.pow(10, len)) / Math.pow(10, len)).toFixed(len);
}
let num = newFixed(16.175,2)
console.log(num );//16.18

方法2

 newFixed(number, n) {
     if (n > 20 || n < 0) {
          throw new RangeError('toFixed() digits argument must be between 0 and 20');
      }

      if (isNaN(number) || number >= Math.pow(10, 21)) {
          return number.toString();
      }

      if (typeof (n) == 'undefined' || n == 0) {
          return (Math.round(number)).toString();
      }
      let result = number.toString();
      const arr = result.split('.');
      // 整数的情况
      if (arr.length < 2) {
          result += '.';
          for (let i = 0; i < n; i += 1) {
              result += '0';
          }
          return result;
      }
      const integer = arr[0];
      const decimal = arr[1];
      if (decimal.length == n) {
          return result;
      }

      if (decimal.length < n) {
          for (let i = 0; i < n - decimal.length; i += 1) {
              result += '0';
          }
          return result;
      }
      result = integer + '.' + decimal.substr(0, n);
      const last = decimal.substr(n, 1);
      // 四舍五入，转换为整数再处理，避免浮点数精度的损失
      if (parseInt(last, 10) >= 5) {
          const x = Math.pow(10, n);
          result = (Math.round((parseFloat(result) * x)) + 1) / x;
          result = result.toFixed(n);
      }
      return result;
  },