JavaScript数学计算_浮点数精度处理

JavaScript浮点数精度问题源于IEEE 754标准导致0.1等小数无法精确表示，如0.1 + 0.2 !== 0.3；解决方法包括：使用toFixed()转字符串后解析、整数化运算（如金额用分）、封装精度校正函数，关键根据场景选择方案。

在JavaScript中进行数学计算时，浮点数精度问题是一个常见且容易被忽视的坑。比如执行 0.1 + 0.2 === 0.3，结果居然是 false。这是因为JavaScript使用IEEE 754标准存储浮点数，导致某些小数无法精确表示。

为什么会出现精度问题？

JavaScript中的数字类型基于双精度64位浮点格式（double-precision floating-point），这意味着像0.1这样的十进制小数在二进制中是无限循环的，只能近似存储。这种近似累积后就会导致计算误差。

常见例子：

• 0.1 + 0.2 → 0.30000000000000004
• 0.2 - 0.1 → 0.1（看似正常，但不代表所有情况都安全）
• 0.1 + 0.1 + 0.1 → 0.30000000000000004

解决方法一：使用 toFixed() 并转换回数字

对于展示或比较场景，可以使用 toFixed(n) 控制小数位数，注意它返回的是字符串，需转回数字。

示例：

const result = parseFloat((0.1 + 0.2).toFixed(10)); // 结果为 0.3

这种方式适合处理显示或简单比较，但不推荐用于复杂连续计算。

解决方法二：整数化运算（推荐用于金钱计算）

将浮点数换算成整数单位进行运算，比如金额用“分”代替“元”。

示例：

// 元 → 分
const a = 0.1 * 100; // 10
const b = 0.2 * 100; // 20
const sum = (a + b) / 100; // 0.3

这种方法能完全避开浮点误差，特别适合财务、价格计算等对精度要求高的场景。

解决方法三：引入精度校正函数

封装一个安全的加法函数，自动处理小数位对齐。

function add(a, b) {
  const digits = Math.max(String(a).split('.')[1]?.length || 0, String(b).split('.')[1]?.length || 0);
  const factor = Math.pow(10, digits);
  return (a * factor + b * factor) / factor;
}
// 使用
add(0.1, 0.2); // 返回 0.3

类似思路可扩展到减法、乘法和除法，适用于通用数学工具库。

基本上就这些。关键是理解问题根源，并根据场景选择合适方案。金钱相关一律用整数运算，普通计算可用 toFixed 或精度函数兜底。不复杂但容易忽略。