js 浮點小數計算精度問題 parseFloat 精度問題

在js中進行以元爲單位進行金額計算時 使用parseFloat會產生精度問題
var price = 10.99;
var quantity = 7;
var needPay = parseFloat(price * quantity);

needPay的正確結果應該是76.93元  可是運行後發現needPay爲76.93000000000001 
此狀況可經過 toFixed(n)  方法修正 可是這個方法對 js版本要求較高 不能兼容ie5

另外一個解決方案是： 將元爲單位的金額乘以100換算爲分進行計算

var price = 10.99
var quantity = 7
var needPay = Math.floor(parseFloat(price*100 * quantity))/100;

parseFloat(price*100 * quantity)的計算結果是7693.000000000001   使用Math.round()方法四捨五入，再除100  即爲正確的結果

PS：順便學到了一點：Math.ceil() Math.floor() Math.round() 的區別
Math.ceil() 是向上取整
Math.floor()是向下取整
Math.round()是四捨五入

 

 

<script type="text/javascript">  
        //保留兩位小數 
        //功能：將浮點數四捨五入，取小數點後2位 
        function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f = Math.round(x*100)/100;  
            return f; } //制保留2位小數，如：2，會在2後面補上00.即2.00 
        function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100;  
            var s = f.toString(); var rs = s.indexOf('.'); if (rs < 0) { rs = s.length; s += '.'; } while (s.length <= rs + 2) { s += '0'; } return s; } function fomatFloat(src,pos){ return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);     
 } //四捨五入 
        alert("保留2位小數：" + toDecimal(3.14159267)); alert("強制保留2位小數：" + toDecimal2(3.14159267)); alert("保留2位小數：" + toDecimal(3.14559267)); alert("強制保留2位小數：" + toDecimal2(3.15159267)); alert("保留2位小數：" + fomatFloat(3.14559267, 2)); alert("保留1位小數：" + fomatFloat(3.15159267, 1)); //五舍六入 
        alert("保留2位小數：" + 1000.003.toFixed(2)); alert("保留1位小數：" + 1000.08.toFixed(1)); alert("保留1位小數：" + 1000.04.toFixed(1)); alert("保留1位小數：" + 1000.05.toFixed(1)); //科學計數 
        alert(3.1415.toExponential(2)); alert(3.1455.toExponential(2)); alert(3.1445.toExponential(2)); alert(3.1465.toExponential(2)); alert(3.1665.toExponential(1)); //精確到n位，不含n位 
        alert("精確到小數點第2位" + 3.1415.toPrecision(2)); alert("精確到小數點第3位" + 3.1465.toPrecision(3)); alert("精確到小數點第2位" + 3.1415.toPrecision(2)); alert("精確到小數點第2位" + 3.1455.toPrecision(2)); alert("精確到小數點第5位" + 3.141592679287.toPrecision(5)); </script>

 

 

博客搬運地址：

1. js 浮點小數計算精度問題 parseFloat 精度問題