Javascript toFixed 不会四舍五入

在前端开发中，我们通常需要处理数字的精度问题。而 JavaScript 中提供了 toFixed() 方法，可以将数字保留指定的小数位数。但是，这个方法并不总是按照我们期望的方式工作。

toFixed() 方法简介

toFixed() 方法是 JavaScript 中 Number 原型上的一个方法，用于将数字转换成字符串并且保留指定的小数位数。

语法如下：

numObj.toFixed([digits])

其中，digits 参数表示要保留的小数位数，可选，默认为 0。

该方法返回一个新的字符串，包含指定小数位数的数字。

例如：

const num = 123.456;
console.log(num.toFixed(2)); // 123.46

toFixed() 方法的问题

然而，toFixed() 方法有时候会出现意料之外的行为。

考虑以下示例：

console.log(1.005.toFixed(2)); // 1.00

根据预期，该代码应该输出 1.01，但实际上输出的却是 1.00。

这是因为 toFixed() 方法会进行四舍五入，而不是像我们期望的那样直接截断小数位。

具体来说，当要舍弃的小数位上的数字大于等于 5 时，toFix() 方法会向整数部分进一位。否则，直接舍去小数部分。

因此，对于上述示例中的数字 1.005，它实际上是 1.0049999999999999（由于浮点数精度问题），所以 toFixed() 方法会在小数点后的第二位舍去 4 和 9，得到 1.00。

这种错误的行为可能会导致我们的计算结果出现偏差。那么该怎么避免这种情况呢？

解决方案

一种解决方案是使用正则表达式来手动处理小数位数。例如：

function toFixed(num, digits) {
  const re = new RegExp(`^-?\\d+(?:\.\\d{0,${digits}})?`);
  return num.toString().match(re)[0];
}

console.log(toFixed(1.005, 2)); // 1.00

该函数使用正则表达式匹配数字和小数点，并将小数点后的位数限制在指定的范围内。这样就可以避免 toFixed() 方法的四舍五入问题。

另一种解决方案是使用 decimal.js 这样的库来处理数字的精度问题。例如：

import Decimal from 'decimal.js';

console.log(new Decimal('1.005').toFixed(2)); // 1.00

Decimal.js 是一个支持任意精度十进制运算的 JavaScript 库，能够准确地进行数字计算。使用该库可以有效地避免 toFixed() 方法的问题。

总结

在 JavaScript 中，toFixed() 方法是用于将数字保留指定小数位数的常用方法。然而，它会进行四舍五入，导致计算结果出现偏差。为了避免这种情况，我们可以手动处理小数位数，或者使用支持任意精度计算的库来处理数字的精度问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26959