js 实现精确加减乘除运算之BigDecimal.js

最新推荐文章于 2025-05-16 00:08:35 发布

转载最新推荐文章于 2025-05-16 00:08:35 发布 · 7.1k 阅读

8 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c1b3132e51d4550442a32f4

文章标签：

#前端 #javascript #java #ViewUI

在前端开发中，由于JS遵循IEEE754规范，使用双精度存储导致计算时会出现精度丢失的问题，尤其是在处理大整数和浮点数运算时。文章详细解释了精度丢失的原因，并介绍了如何使用BigDecimal.js库来解决这一问题，提供了加法、减法、乘法和除法的具体用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前端实际开发中，进行前端计算会出现丢失精度的问题，这里我们项目中运用了BigDecimal.js。

js计算丢失精度原因

计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示，如圆周率 3.1415926...，1.3333... 等。JS 遵循 IEEE 754 规范，采用双精度存储（double precision），占用 64 bit。如图：

代表意义：1位用来表示符号位 11位用来表示指数 52位表示尾数

浮点数，比如

0.1 >> 0.0001 1001 1001 1001…（1001无限循环）
0.2 >> 0.0011 0011 0011 0011…（0011无限循环）
复制代码

此时只能模仿十进制进行四舍五入了，但是二进制只有 0 和 1 两个，于是变为 0 舍 1 入。这即是计算机中部分浮点数运算时出现误差，丢失精度的根本原因。

大整数的精度丢失和浮点数本质上是一样的，尾数位最大是 52 位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。

大于 9007199254740992 的可能会丢失精度

9007199254740992     >> 10000000000000...000 // 共计 53 个 0
9007199254740992 + 1 >> 10000000000000...001 // 中间 52 个 0
9007199254740992 + 2 >> 10000000000000...010 // 中间 51 个 0
复制代码

实际上：

9007199254740992 + 1 // 丢失
9007199254740992 + 2 // 未丢失
9007199254740992 + 3 // 丢失
9007199254740992 + 4 // 未丢失
复制代码

解决方案之BigDecimal.js[BigDecimal.js的用法]

加法(四舍五入保留两位小数)

new BigDecimal("2.555555").add(new BigDecimal("5.222222")).setScale(2, MathContext.ROUND_HALF_UP).toString();
复制代码

减法

new BigDecimal("2.40").subtract(new BigDecimal("2"))
复制代码

乘法

new BigDecimal("2.40").multiply(new BigDecimal("2"))
复制代码

除法

new BigDecimal("2.40").divide(new BigDecimal("2"), def)
复制代码

这里只是项目总结以及分享，BigDecimal.js需要大家自行下载

转载于:https://juejin.im/post/5c1b3132e51d4550442a32f4