JavaScript中number.toFixed()处理三位小数转两位时异常的解决方法

问题原因 #

JavaScript使用二进制浮点数存储数值，部分十进制小数（比如0.005、51.425）无法被精确表示。以51.425为例，它在内存中实际存储的是51.424999999999994，所以调用toFixed(2)时会被舍入为51.42而非预期的51.43；而51.4251能被更精确地表示，因此舍入结果正常。

通用解决方案 #

方案1：基于Math.round的修正版（简洁高效） #

通过引入Number.EPSILON（JavaScript能表示的最小精度值）修正浮点数误差，同时支持自定义精度：

Number.prototype.round = function(precision = 2) {
  const factor = 10 ** precision;
  // 加EPSILON修正浮点数精度偏差，确保临界值能正确进位
  return Math.round(this * factor + Number.EPSILON) / factor;
}

测试你的示例：

const value = 51.425;
console.log(value.round(2)); // 输出 51.43

const value2 = 51.4251;
console.log(value2.round(2)); // 输出 51.43

方案2：基于BigInt的精确处理（无浮点数误差） #

如果需要绝对精确的十进制运算，可以用BigInt将数值转为整数处理，彻底避免浮点数精度问题：

Number.prototype.round = function(precision = 2) {
  // 处理负数情况
  const isNegative = this < 0;
  const absValue = Math.abs(this);
  // 拆分整数和小数部分
  const [integerPart, decimalPart = ''] = absValue.toString().split('.');
  // 补零并截取到precision+1位，用于判断进位
  const adjustedDecimal = decimalPart.padEnd(precision, '0').slice(0, precision + 1);
  // 拼接成整数，加上进位（最后一位>=5则加1）
  const integerNum = BigInt(integerPart + adjustedDecimal.slice(0, precision));
  const carry = BigInt(adjustedDecimal[precision] ?? 0) >= 5n ? 1n : 0n;
  const resultNum = integerNum + carry;
  // 转换回带小数的字符串
  const resultStr = resultNum.toString();
  const formatted = resultStr.slice(0, -precision) + '.' + resultStr.slice(-precision);
  // 恢复符号
  return isNegative ? -Number(formatted) : Number(formatted);
}

这个方案适合对精度要求极高的场景，完全规避浮点数的精度缺陷。

为什么你的原有函数无效 #

你的函数直接调用toFixed(precision)再转成Number，但toFixed本身就受浮点数精度影响——比如51.425.toFixed(2)返回的是字符串"51.42"，转成Number后自然还是51.42，无法解决根本问题。

内容的提问来源于stack exchange，提问作者Svenmarim