關於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 + ...

看完筆者的這篇文章，相信你們應該會有種恍然大悟的感受，好吧，不瞞你們說，筆者當時也是這個表情。