说到数据精度缺失的问题,就想起今年夏天刚转正做的一个项目。当时的需求涉及到金额的计算,那时候对 js 的了解比现在还少,不过当时关于金额计算这块 js 函数的封装是项目里架构师写的,印象很深,当时他就直呼:被 JS 精度缺失坑了一把!最近看资料又接触到精度缺失,那就自己站在巨人们的肩膀上整理一下。
JS 中数据类型 Number
不像 Java,数字型的数据类型有 short,int,long,float,double 等,数字类型的数据在 JS 中只有一种数据类型——Number。那它的底层是怎么表示的呢?我们参考菜鸟教程的一段话,它是这么说的:
JavaScript 采用 IEEE754 标准定义的 64 位浮点格式表示数字,它能表示最大值为±1.7976931348623157 x10308,最小值为±5 x 10 -324。
数据的存储格式用图形表示如下↓
(这里先给自己留个坑,等搞清楚了具体的浮点数计算方法后再填……)
实例演示讲解
我们在控制台上做如下的十进制的加法运算,如下图所示
表面上我们做的是十进制的加法,实际上计算机在底层把它换算成了二进制,再做运算。但是 0.1 和 0.2 用二进制表示的话位数是无法穷尽的。因此我们看到的 0.1 用二进制表示的某数只是真实的 0.1 的一个近似数。0.2 也是这个道理。所以实际上 0.1+0.2 是两个近似数的相加,因此这个结果也就是 0.3 的近似数啦。这里不做十进制小数转二进制的详细算法,感兴趣的小伙伴可以继续深入研究。
遇到这种问题,如何解决
10 的 n 次幂运算 把数字乘以 10 的 n 次幂,转换成计算机能够精确识别的整数,之后再除以相同的 10 的 n 次幂。
number-precision 这是一个挺好用的 JS 数据运算工具,它也是为了解决 JS 数据精度缺失而产生的。用法如下(官网的截图)