具有 3 位小数的 toFixed(2) 的可靠 JS 舍入数

Question

我只是想汇总 1.275.toFixed(2)，我期望 return 为 1.28，而不是 1.27。

使用各种计算器和四舍五入到最接近的百分位的简单方法，如果最后一位大于或等于五，则应该四舍五入。

如果这不适用于 toFixed(2)，怎么办？

有人问 console.log(1.275.toFixed(2)) 是否打印出 1.28，这是一个快速截图 MacOS Chrome 版本 55.0.2883.95（64 位）

Answer 1

toFixed() 方法的舍入不可靠（请参阅了解为什么会这样）。

在当前 Chrome 和 Firefox 中，调用 toFixed() 会产生以下不一致的结果：

35.655.toFixed(2) // Yields "36.66" (correct)
35.855.toFixed(2) // Yields "35.85" (wrong, should be "35.86")

MDN 描述了一个 reliable rounding implementation:

// Closure
(function() {
  /**
   * Decimal adjustment of a number.
   *
   * @param {String}  type  The type of adjustment.
   * @param {Number}  value The number.
   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
   * @returns {Number} The adjusted value.
   */
  function decimalAdjust(type, value, exp) {
    // If the exp is undefined or zero...
    if (typeof exp === 'undefined' || +exp === 0) {
      return Math[type](value);
    }
    value = +value;
    exp = +exp;
    // If the value is not a number or the exp is not an integer...
    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
      return NaN;
    }
    // Shift
    value = value.toString().split('e');
    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
    // Shift back
    value = value.toString().split('e');
    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
  }

  // Decimal round
  if (!Math.round10) {
    Math.round10 = function(value, exp) {
      return decimalAdjust('round', value, exp);
    };
  }
  // Decimal floor
  if (!Math.floor10) {
    Math.floor10 = function(value, exp) {
      return decimalAdjust('floor', value, exp);
    };
  }
  // Decimal ceil
  if (!Math.ceil10) {
    Math.ceil10 = function(value, exp) {
      return decimalAdjust('ceil', value, exp);
    };
  }
})();

// Round
Math.round10(55.55, -1);   // 55.6
Math.round10(55.549, -1);  // 55.5
Math.round10(55, 1);       // 60
Math.round10(54.9, 1);     // 50
Math.round10(-55.55, -1);  // -55.5
Math.round10(-55.551, -1); // -55.6
Math.round10(-55, 1);      // -50
Math.round10(-55.1, 1);    // -60
Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
// Floor
Math.floor10(55.59, -1);   // 55.5
Math.floor10(59, 1);       // 50
Math.floor10(-55.51, -1);  // -55.6
Math.floor10(-51, 1);      // -60
// Ceil
Math.ceil10(55.51, -1);    // 55.6
Math.ceil10(51, 1);        // 60
Math.ceil10(-55.59, -1);   // -55.5
Math.ceil10(-59, 1);       // -50

Answer 2

1.275 以 10 为基数的数字具有有限位，但在转换为以 2 为基数时变得周期性：

= 0b1.01000110011001100110011001100110011001100110011010
         ^^^^

由于它有无限个数字，它不能在计算机中精确表示，除非您使用任意精度库（一个将数字表示为文本以将它们保持在基数 10 的库）。 JavaScript numbers 出于性能原因不使用此类库。

由于原始值在达到 JavaScript 时已经失去精度，因此四舍五入不会改善这一点。

Answer 3

根据 Robby 的回答，MDN 描述了一个 reliable rounding implementation，因此我将其简化为以下代码片段以解决我将 1.275 的 3 位小数舍入为 1.28 的问题. 在 FF4、Chrome55 和 MacOS 上的 Safari 10.0.3 中测试

function decimalAdjust(c,a,b){if("undefined"===typeof b||0===+b)return Math[c](a);a=+a;b=+b;if(isNaN(a)||"number"!==typeof b||0!==b%1)return NaN;a=a.toString().split("e");a=Math[c](+(a[0]+"e"+(a[1]?+a[1]-b:-b)));a=a.toString().split("e");return+(a[0]+"e"+(a[1]?+a[1]+b:b))}Math.round10||(Math.round10=function(c,a){return decimalAdjust("round",c,a)});

Math.round10(1.275, -2);

Answer 4

虽然我来晚了一点，但这可以帮助有相同需求的人。如果该值是一个字符串，只需在末尾添加额外的“1”即可解决您的问题。如果 input = 10.55 那么它将变为 10.551 进而变为 10.56.

本例使用jQuery

function toTwoDecimalPlaces(input) {
        var value = $(input).val();
        if (value != null) {
            value = parseFloat(value + "1").toFixed(2);
        }
        $(input).val(value);
}

更新： 如果输入接受带 1 个小数位的整数 and/or 数字，那么您需要检查已使用了多少位小数。如果大于固定金额则添加“1”。

function toTwoDecimalPlaces(input) {
        var value = $(input).val();
        if (value.includes(".")) {
            var splitValue = value.split(".");
            if (splitValue[1].length > 2) {
                value = parseFloat(value + "1").toFixed(2);
            }
        }
        $(input).val(value);
}

Answer 5

可能是最简单的解决方案之一，也是我一直使用的解决方案。 {} 中的任何数字都会截断到那么多小数位，我的情况是小数点后第二位 {2}.

let Num = 23.49876
let NumString = Num+''
let toSecondDecimalPlace = NumString.replace(/(.*\.\d{2})(.+)/,''); 
console.log('to Second Decimal Place:', toSecondDecimalPlace) // 23.49

let backToNumber = Number(toSecondDecimalPlace)
console.log('backToNumber:', backToNumber) // 23.49

Answer 6

使用自定义函数将 JavaScript 中的数字四舍五入到 2 位小数。

function roundToTwo(num) {
    return +(Math.round(num + "e+2")  + "e-2");
}

console.log(roundToTwo(2.005));

有关详细信息，请访问 https://www.delftstack.com/howto/javascript/javascript-round-to-2-decimal-places/

具有 3 位小数的 toFixed(2) 的可靠 JS 舍入数

Reliable JS rounding numbers with toFixed(2) of a 3 decimal number

javascript

rounding

tofixed