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中日期時間函數(shù)是一組用于操作和處理日期和時間的函數(shù),這些函數(shù)可以用于獲取當前日期和時間、格式化日期和時間、計算日期和時間的差異、轉(zhuǎn)換日期和時間的格式等,這篇文章主要給大家介紹了關(guān)于Javascript日期時間函數(shù)的使用方法,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了關(guān)于gulp-changed插件的相關(guān)資料,文中介紹的還是相對詳細的，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
這篇文章主要介紹了JavaScript設(shè)計模式中的觀察者模式，觀察者設(shè)計模式適用于監(jiān)聽一對多的操作，例如監(jiān)聽對象屬性的修改等等，觀察者模式能夠降低代碼耦合度，提升可擴展性2022-06-06
原生js實現(xiàn)jquery函數(shù)animate()動畫效果的簡單實例
下面小編就為大家?guī)硪黄鷍s實現(xiàn)jquery函數(shù)animate()動畫效果的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
js 回車提交一些新手朋友還是比較陌生的，本文介紹兩種實現(xiàn)方法:jQuery方法、JavaScript方法,感興趣的朋友可以研究下2012-12-12
深入理解JavaScript 中的匿名函數(shù)((function() {})();)與變量的作用域
匿名函數(shù)沒有實際名字的函數(shù)，匿名函數(shù)(function() {})();是一個特殊的閉包寫法。本文蛀牙給大家介紹JavaScript 中的匿名函數(shù)((function() {})();)與變量的作用域,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了javaScript日期工具類DateUtils，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
JavaScript通過改變文字透明度實現(xiàn)的文字閃爍效果實例
這篇文章主要介紹了JavaScript通過改變文字透明度實現(xiàn)的文字閃爍效果,結(jié)合完整實例形式分析了javascript基于定時器周期性動態(tài)修改頁面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了Bootstrap Search Suggest使用例子，教大家使用bootstrap搜索建議插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法
這篇文章主要介紹了JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法,實例分析了彈出廣告與背投廣告的實現(xiàn)原理與相關(guān)技巧,需要的朋友可以參考下2015-02-02