js小數(shù)運(yùn)算出現(xiàn)多位小數(shù)如何解決
和大家分享一個有趣的測試：
0.1+0.2 == 0.3 //false
頓時(shí)郁悶，好吧！原來0.1+0.2變成：0.30000000000000004
再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式，都轉(zhuǎn)換成整數(shù) (2.4 * 100)/(0.8 * 100)
10.22 現(xiàn)在要減去 0.11 結(jié)果值又出現(xiàn)了很多的小數(shù) 10.110000000000001，然后我就用了 toFixed 方法來過濾小數(shù)，但是不知道跟前面那種轉(zhuǎn)換成整數(shù)后再執(zhí)行哪種效率高，好！還是試下再說吧！
var date1 = new Date();
for(var i = 0; i < 10000; i++){
var result1 = (10.22 - 0.11).toFixed(2);
}
alert(new Date() - date1);//效率低
var date2 = new Date();
for(var j = 0; j < 10000; j++){
var result2 = (10.22 * 1000 - 0.11 * 1000) / 1000;
}
alert(new Date() - date2);//效率高
alert(0.1 + 0.2 == 0.3); //既然返回false
alert(0.1 + 0.2); //既然返回0.30000000000000004
alert(parseFloat(0.1) + parseFloat(0.2)); //還是返回0.30000000000000004
查了一些資料，一是 JavaScript 浮點(diǎn)數(shù)計(jì)算的 Bug，另一個是和計(jì)算機(jī)最終轉(zhuǎn)換成二進(jìn)制計(jì)算有關(guān)系，但是為什么不是所有小數(shù)都會有這種現(xiàn)象，目前我也不清楚，有時(shí)間再去深入研究一下。
解決方法：
解決這種問題兩種方法，第一種就是利用JavaScript 的toFixed(n) 方法，直接獲取N 位小數(shù)，不過，個人覺得這種方法在數(shù)據(jù)精度上會有一些問題。如果數(shù)據(jù)精度要求不高的話可以使用。
alert((0.1 + 0.2).toFixed(1));
第二種方法就是自己編寫運(yùn)算方法。以下是自定義加法函數(shù)，使用此方法進(jìn)行相加會避免上面問題。
//自定義加法運(yùn)算
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(addNum(0.1, 0.2));
當(dāng)然，簡單一點(diǎn)也可以寫成：alert((num * 3 + 10 * 3) /3); 這樣也不會出現(xiàn) N 多位小數(shù)。
alert((num * 3 + 10 * 3) /3); 與 alert(num + 10); 這兩種寫法計(jì)算機(jī)在底層轉(zhuǎn)換成二進(jìn)制運(yùn)算是有區(qū)別的，或許這就是出現(xiàn)上述問題的原因，還有待我們?nèi)ド钊胙芯?，大家可以多多討論?/p>
相關(guān)文章
微信小程序 websocket 實(shí)現(xiàn)SpringMVC+Spring+Mybatis
這篇文章主要介紹了 微信小程序websocket實(shí)現(xiàn)SpringMVC+Spring+Mybatis的相關(guān)資料,這里提供實(shí)現(xiàn)思路及實(shí)現(xiàn)代碼，需要的朋友可以參考下2017-08-08
uniapp自定義網(wǎng)絡(luò)檢測組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析
這篇文章主要為大家介紹了uniapp自定義網(wǎng)絡(luò)檢測組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
JavaScript 消息框效果【實(shí)現(xiàn)代碼】
下面小編就為大家?guī)硪黄狫avaScript 消息框效果【實(shí)現(xiàn)代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
js中常用的4種模糊查詢詳解(includes()、indexOf()、search()、match())
這篇文章主要給大家介紹了關(guān)于js中常用的4種模糊查詢(includes()、indexOf()、search()、match())的相關(guān)資料,搜索可以使我們更快的找到某一個關(guān)鍵詞或者某一個商品,所以模糊查詢和下拉匹配也成了前端必備的一個小技能,需要的朋友可以參考下2023-11-11
split() 方法用于把一個字符串分割成字符串?dāng)?shù)組。這篇文章給大家介紹js中split()方法得到的數(shù)組長度問題，感興趣的朋友一起看看吧2018-07-07
這篇文章主要介紹了Javascript中的數(shù)組常用方法解析的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了微信公眾號網(wǎng)頁分享功能開發(fā)的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JavaScript如何實(shí)現(xiàn)在文本框(密碼框)輸入提示語
為了更好的達(dá)到用戶體驗(yàn)度，我們在登錄表單時(shí)會有一些提示語言，比如說：“請輸入用戶名”和“請輸入密碼”等語言，下面小編通過本篇文章給大家分享JavaScript如何實(shí)現(xiàn)在密碼框中出現(xiàn)提示語，對js密碼框提示語相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12
JavaScript幾種形式的樹結(jié)構(gòu)菜單
今天我主要講3種不同展示的JavaScript樹結(jié)構(gòu)菜單，分別是懸浮層樹(Tree)、右鍵菜單樹(ContextMenu)和節(jié)點(diǎn)樹(TreeMenu)，目前都支持無限級層次。2010-05-05
js中匿名函數(shù)的創(chuàng)建與調(diào)用方法分析
這篇文章主要介紹了js中匿名函數(shù)的創(chuàng)建與調(diào)用方法,詳細(xì)分析了匿名函數(shù)的原理與用法,以及閉包的原理分析,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12