js小數(shù)計算小數(shù)點后顯示多位小數(shù)的實現(xiàn)方法
首先寫一個demo 重現(xiàn)問題,我使用的是一個js在線測試環(huán)境[打開]
改寫displaynum()函數(shù)
function displaynum(){var num = 22.77;alert(num + 10);}
點擊Show按鈕 結(jié)果顯示32.769999999996 出現(xiàn)了N多小數(shù).
也并不是所有數(shù)字都會出現(xiàn)這種現(xiàn)象, 除了 22.99 2.777 , 好像這幾個數(shù)字也沒什么特殊.
查了一些資料, 一是JS浮點數(shù)計算的bug, 另一個是和計算機最終轉(zhuǎn)換成二進制計算有關(guān)系, 但是為什么不是所有小數(shù)都會有這種現(xiàn)象, 目前我也不清楚, 有時間再去深入研究一下。
現(xiàn)在有兩種解決方法, 第一種就是利用JS .toFixed(n) 方法, 直接獲取n位小數(shù), 個人覺得這種方法在數(shù)據(jù)精度上會有一些問題. 如果數(shù)據(jù)精度要求不高的話 可以使用. 第二種方法就是自己寫js 運算方法.
以下是自定義加法函數(shù), 使用此方法進行相加會避免上面問題。
function addNum(num1,num2){var sq1,sq2,m;try{sq1=num1.toString().split(".")[1].length;} catch(e){sq1=0;}try{sq2=num2.toString().split(".")[1].length;} catch(e){sq2=0;}m=Math.pow(10,Math.max(sq1,sq2));return ( num1 * m + num2 * m ) / m;}
當然簡單一點也可以寫成 alert((num * 3 + 10 * 3) /3); 這樣也不會出現(xiàn)n多小數(shù)。
alert((num * 3 + 10 * 3) /3); 與 alert(num + 10); 這兩種寫法計算機在底層轉(zhuǎn)換成二進制運算是有區(qū)別的, 或許這就是出現(xiàn)上述問題的原因
以上這篇js小數(shù)計算小數(shù)點后顯示多位小數(shù)的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript控制網(wǎng)頁層收起和展開效果的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁層收起和展開效果的方法,涉及javascript操作網(wǎng)頁元素動態(tài)效果的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04MATLAB中ismissing函數(shù)用法小結(jié)
這篇文章主要介紹了MATLAB中ismissing函數(shù)用法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09JS 實現(xiàn)Table相同行的單元格自動合并示例代碼
Table相同行的單元格自動合并,使用js來實現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下2013-08-08