关于JS小数运算的精度偏差问题

引言

这里呢，笔者先说说为啥要聊聊这个看起来彷佛不过重要的问题吧，其实这仍是得从笔者今天在一个技术群里遇到得一个疑问提及。笔者在偶然的刷群消息的时候，一个问题瞬间引发了笔者的注意：0.1 + 0.2 === 3吗?这个时候可能就会有人说，这还用问吗，确定是对的啊。好吧，emmmmm.....，其实答案是否认的，下面就让笔者来聊聊这里面的坑吧。

0.1 + 0.2 为啥不等于 0.3 呢？

其实这里就涉及到 js内部储存的一个问题了。在计算机领域当中呢，数字不管是定点数仍是浮点数，都是以二进制的形式储存的。而在咱们的 js当中，数字是采用 IEEE754的双精度标准进行储存，固然呢，这里咱们也不用纠结这个内部究竟是怎么储存的，咱们能够单纯的理解为只是储存一个数字用到的二进制位数比较多而已，这样能更精确的表示数字。

举个栗子

对于整数来讲，十进制的35会被存储为：00100011 其表明2^5 + 2^1 + 2^0

对于小数来讲，十进制的0.375会被存储为： 0.011 其表明 1/2^2 + 1/2^3 = 1/4 + 1/8 = 0.375

这里就会有人问了，这个二进制小数是怎么转换的呢

十进制小数二进制表示法

这个方法其实很好理解：

文字描述该过程以下：将该数字乘以2，取出整数部分做为二进制表示的第1位；而后再将小数部分乘以2，将获得的整数部分做为二进制表示的第2位；以此类推，知道小数部分为0。

特殊状况： 小数部分出现循环，没法中止，则用有限的二进制位没法准确表示一个小数，这也是在编程语言中表示小数会出现偏差的缘由

说一大段不如一个例子来的明确

/*就好比一个十进制小数0.6转为二进制*/
0.6 * 2 = 1.2 ------------ 1
0.2 * 2 = 0.4 ------------ 0
0.4 * 2 = 0.8 ------------ 0
0.8 * 2 = 1.6 ------------ 1
0.6 * 2 = 1.2 ------------ 1
复制代码

很清晰的发现死循环了，那怎么办呢，这就该用到咱们上面说的特殊状况了。看到这，你们也应该明白为何js中会出现精度缺失的状况了。

二进制小数怎么转十进制呢

其实方法和普通的二进制转十进制差很少，话很少说，看栗子。

仍是拿0.6来讲事，它的二进制表示为

1001 1001 1001 1001 ...

转换一下就是

0.6 = 1 * 2^-1 + 0 * 2^-2 + 0 * 2^-3 + 1 * 2^-4 + ...

看完笔者的这篇文章，相信你们应该会有种恍然大悟的感受，好吧，不瞒你们说，笔者当时也是这个表情。