JavaScript 加减运算精度损失问题解决

注：纯手打，如有错误欢迎评论区交流！
转载请注明出处：https://blog.csdn.net/testleaf/article/details/148157659
编写此文是为了更好地学习前端知识，如果损害了有关人的利益，请联系删除！
本文章将不定时更新，敬请期待！！！
欢迎点赞、收藏、转发、关注，多谢！！！

一、JavaScript 加减运算精度损失的原因

JavaScript 在进行加减运算时可能会出现精度损失的问题，这主要是由于以下几个原因：

1、IEEE 754 浮点数标准

JavaScript 使用 IEEE 754 双精度浮点数(64位)来表示所有数字：

• 1位符号位
• 11位指数位
• 52位小数位(有效数字)

这种表示方式导致：

• 只能精确表示有限范围内的整数(±2⁵³-1)
• 小数部分可能无法精确表示(如0.1)

2、十进制转二进制精度损失

许多简单的十进制小数在二进制中是无限循环的：

• 0.1(十进制) → 0.000110011001100…(二进制)
• 0.2(十进制) → 0.00110011001100…(二进制)

当这些数字相加时：

0.1 + 0.2 // 结果是0.30000000000000004而不是0.3

3、运算过程中的精度累积

连续运算会累积精度误差：

0.1 + 0.2 - 0.3 // 结果不是0，而是5.551115123125783e-17

二、解决方案

1、使用toFixed()和parseFloat组合

parseFloat((0.1 + 0.2).toFixed(10)) // 0.3

2、放大为整数运算后再缩小

(0.1 * 10 + 0.2 * 10)/10 // 0.3

3、使用专门的数学库

如 decimal.js、big.js 等：

// 使用decimal.js示例
const Decimal = require('decimal.js')
new Decimal(0.1).plus(0.2).toNumber() // 0.3

4、使用ES6的Number.EPSILON进行微小修正

Math.abs(0.1 + 0.2 - 0.3) < Number.EPSILON // true

三、实际应用建议

对于金融计算等需要高精度的场景：

• 始终以分为单位进行计算(避免小数)
• 使用专门的数学库
• 避免连续的浮点运算
• 显示时再进行舍入处理

JavaScript的这种行为并非bug，而是遵循IEEE 754标准的实现。理解这一点对于编写精确的数值计算代码非常重要。