Javascript 浮點運算的問題分析與解決方法_javascript技巧

十進制           二進制
0.1              0.0001 1001 1001 1001 ...
0.2              0.0011 0011 0011 0011 ...
0.3              0.0100 1100 1100 1100 ...
0.4              0.0110 0110 0110 0110 ...
0.5              0.1
0.6             而只能做到一定程度上的準確,這是無法避免的精度遺失：

1.09999999999999999

在JavaScript中問題還要複雜些，這裡只給一些在Chrome中測試資料：

 輸入               輸出

1.0-0.9 == 0.1        False
1.0-0.6 == 0.4     True
1.0- 0.5 == 0.5     True
1.0-0.4 == 0.6     True
1.0-0.3 == 0.7     True
1.0.3 == 0.7     True
1.0-0.20.     True
解決
那如何來避免這類1.0-0.9 != 0.1 的非bug型問題發生呢？下面給出一種目前用的比較多的解, 在判斷浮點運算結果前對計算結果進行精度縮小，因為在精度縮小的過程總會自動四捨五入:

複製程式碼 程式碼如下:(1.0-0.9).toFixed(digits)        間

parseFloat((1.0-0.9).toFixed(10)) === 0.1   // 結果為True

parseFloat((1.0-0.8).toFixed(10)) === 0.2   // 結果為True
parseFloat((1.0-0.7).toFixed(10)) === 0.3   // 結果為True
parseFloat((11.0-11.8).toFixed(10)) === -0.8  // 結果為True


方法提煉

複製程式碼 程式碼如下: >// 透過isEqual工具方法判斷數值是否相等function isEqual(number1, number2, digits){ digits = digits == undefined? 10: digits; // 預設精確度為10}

isEqual(1.0-0.7, 0.3);  // return true

// 原生擴充方式，偏好物件導向的風格
Number.prototype.isEqual = function(number, digits){
 digits = digits == undefined? 10: digits; // 預設精確度為預設精確度10 return this.toFixed(digits) === number.toFixed(digits);

}

(1.0-0.7).isEqual(0.3); // return true