JavaScript金额计算精度丢失原因及5种解决方案

1. 引言

在 JavaScript 中，浮点数运算存在精度丢失风险，特别是在处理 金额计算 时，这可能导致严重的业务逻辑错误。例如：

console.log(0.1 + 0.2); // 0.30000000000000004
console.log(0.07 * 100); // 7.000000000000001
console.log(0.1 + 0.7 === 0.8); // false

此类问题源于 JavaScript 采用 IEEE 754 双精度浮点数（64 位）表示数字，部分小数无法以二进制精确表示，进而引发精度丢失。

本文深入解析 JavaScript 金额计算精度丢失的成因，并提供多种 解决方案 以规避此类问题。

2. JavaScript 金额计算精度丢失的原因

2.1 JavaScript 采用 IEEE 754 双精度浮点数

JavaScript 中所有 Number 类型均遵循 IEEE 754 双精度浮点数（64 位）标准，其存储结构如下：

然而，部分十进制小数无法用二进制精确表示，类似于 1/3 在十进制中表现为无限循环小数 0.3333...，而 0.1 在 二进制 下同样表现为 无限循环小数：

0.1(十进制) = 0.000110011001100110011...(二进制 无限循环)

受限于存储空间，JavaScript 仅截取前 52 位，导致数值经过四舍五入，最终产生计算误差。

2.2 浮点运算错误示例

错误示例 1：0.1 + 0.2 ≠ 0.3

console.log(0.1 + 0.2); // 0.30000000000000004

解析：

• 0.1 的二进制近似值：0.00011001100110011...
• 0.2 的二进制近似值：0.0011001100110011...
• 计算结果并非 精确的 0.3，而是 0.30000000000000004

错误示例 2：浮点乘法精度问题

console.log(0.07 * 100); // 7.000000000000001

0.07 转换为二进制后为 0.000100011110101110000101...，乘以 100 后的结果并不完全等于 7。

3. 解决方案

方案 1：采用整数运算（推荐）

核心思想：

避免直接进行小数计算，将小数转换为整数进行运算，计算完成后再转换回小数。

function add(a, b) {
    return (a * 100 + b * 100) / 100;
}

console.log(add(0.1, 0.2)); // 0.3
console.log(add(0.07, 0.02)); // 0.09

适用场景：

• 适用于 加法、减法、乘法、除法 计算。
• 适用于 金额计算，例如：使用分（整数）代替元（小数）。

方案 2：使用 toFixed()（简单但不推荐）

console.log((0.1 + 0.2).toFixed(2)); // "0.30"
console.log((0.07 * 100).toFixed(2)); // "7.00"

缺点：

toFixed() 返回的是 字符串，若需继续计算，必须转换回 Number 类型：

let result = Number((0.1 + 0.2).toFixed(2)); // 0.3

无法彻底解决浮点运算问题，仅适用于 结果展示。

方案 3：利用 Number.EPSILON 进行误差修正

原理：

Number.EPSILON 代表 JavaScript 最小的精度差值（约 2.22e-16），可用于修正浮点计算误差：

function add(a, b) {
    return Math.round((a + b + Number.EPSILON) * 100) / 100;
}

console.log(add(0.1, 0.2)); // 0.3
console.log(add(0.07, 0.02)); // 0.09

适用场景：

用于 浮点数精度修正，避免直接使用 toFixed()。

方案 4：使用 BigDecimal 类库（最佳方案）

JavaScript 原生 Number 无法解决所有精度问题，因此可借助 BigDecimal 第三方库 进行精准计算，例如 decimal.js。

安装：

npm install decimal.js

使用：

const Decimal = require('decimal.js');

console.log(new Decimal(0.1).plus(0.2).toNumber()); // 0.3
console.log(new Decimal(0.07).times(100).toNumber()); // 7

优点：

可处理 任意精度 运算，特别适用于 金融计算。

方案 5：使用 ES11 BigInt（适用于整数金额计算）

BigInt 可用于 大数计算，但 不支持小数：

const a = BigInt(100); // 1.00 元
const b = BigInt(200); // 2.00 元

console.log((a + b) / BigInt(100)); // 3n (表示 3 元)

适用场景：

仅适用于 整数计算（如分单位），不适用于 小数计算。

4. 结论

5. 总结

JavaScript 的浮点运算易导致金额计算误差，我们可以通过 整数运算、Number.EPSILON、BigDecimal 库等方式 来解决。

若开发电商、金融、结算系统，推荐使用 decimal.js 或整数运算，以确保计算精度。

至此，关于JavaScript金额运算出现精度丢失问题的解决方案介绍完毕，更多相关JavaScript精度丢失解决内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！