JavaScript 浮点数精度误差处理与解决方案

JavaScript 进行数值运算时，精度丢失是普遍现象。由于采用二进制存储浮点数，无法精准表达部分十进制数值，从而引发计算偏差。

以下示例展示了该误差的具体表现：

0.1 + 0.2 // 0.30000000000000004

此误差可能干扰数值比较操作，例如：

0.1 + 0.2 === 0.3 // false

针对此类情况，可采取特定策略进行数值比对，包括设定精度阈值或误差容限。

基于精度设定的数值比对方案：

function approxEqual(a, b, precision) {
      return Math.abs(a - b) < precision;
}
approxEqual(0.1 + 0.2, 0.3, 0.0001) // true

基于误差容限的数值比对方案：

判断两数是否相等时，不要求数值绝对一致，而是判定其差值是否落入预设的误差区间内。即便数值不完全相同，亦可视为相等。

举例而言，若需比对变量 a 与 b 是否相等，可参考以下实现代码：

function withinErrorMargin(a, b, errorMargin) {
    return Math.abs(a - b) <= errorMargin;
}
withinErrorMargin(0.1, 0.2, 0.0001) // false
withinErrorMargin(0.1, 0.2, 0.1) // true

上述代码利用 Math.abs 获取 a 与 b 差值的绝对值，并与误差容限进行比对。若绝对值小于等于容限，则判定两数相等。

应用误差容限法时，需审慎设定容限大小。容限过宽易引发误判，过窄则可能降低比对精度。

借助第三方库实现高精度计算：

引入 Decimal.js 库。

Decimal.js 为 JavaScript 专用高精度计算库，支持浮点数及整数的高精度处理。

借助 Decimal.js 进行高精度计算的代码如下：

const a = new Decimal(0.1);
const b = new Decimal(0.2);
const c = a.add(b);
console.log(c.toString()); // '0.3'

示例中通过 new Decimal 构造函数将数值转为 Decimal 对象，并调用 add 方法执行加法。得益于 Decimal.js 的支持，计算结果保持精确。

此外，Decimal.js 还封装了 subtract、multiply 及 divide 等数学运算方法。

const d = c.subtract(a);
console.log(d.toString()); // '0.2'

const e = c.multiply(a);
console.log(e.toString()); // '0.03'

const f = c.divide(a);
console.log(f.toString()); // '3'

采用第三方库进行高精度计算的优势在于简化代码逻辑，并彻底规避精度误差问题。

本文关于 JavaScript 计算误差解决方案的介绍至此结束，如需了解更多相关内容，敬请查阅本站往期文章或继续浏览后续文章，感谢您的支持！