詳解js加減乘除精確計算
JS無法進(jìn)行精確計算的bug
在做CRM,二代審核需求審核詳情頁面時。需要按比例(后端傳類似0.8的小數(shù))把用戶輸入的數(shù)字顯示在不同的地方。
在做dubheInvest = invest * (1 - ratio);運(yùn)算時發(fā)現(xiàn)問題。具體如下:
示例代碼:
console.log( 1 - 0.8 ); //輸出 0.19999999999999996 console.log( 6 * 0.7 ); //輸出 4.199999999999999 console.log( 0.1 + 0.2 ); //輸出 0.30000000000000004 console.log( 0.1 + 0.7 ); //輸出 0.7999999999999999 console.log( 1.2 / 0.2 ); //輸出 5.999999999999999
通過上面舉出的例子可以看到,原生的js運(yùn)算結(jié)果不一定準(zhǔn)確,會丟失精度。
解決方案
解決方案的原理是,將浮點(diǎn)數(shù)乘以(擴(kuò)大)10的n次方倍,把浮點(diǎn)數(shù)變?yōu)檎麛?shù)后再進(jìn)行相應(yīng)的運(yùn)算,最后將得到的結(jié)果除以(縮?。?0的n次方倍。
原理示例:
將console.log(1-0.8); 變?yōu)?console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正確的值
根據(jù)上述原理,可以封裝一些方法出來解決此類問題。如下所示(Math.pow(x, y);表示求x的y次方):
//加 function floatAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)); return (arg1*m+arg2*m)/m; } //減 function floatSub(arg1,arg2){ var r1,r2,m,n; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)); //動態(tài)控制精度長度 n=(r1>=r2)?r1:r2; return ((arg1*m-arg2*m)/m).toFixed(n); } //乘 function floatMul(arg1,arg2) { var m=0,s1=arg1.toString(),s2=arg2.toString(); try{m+=s1.split(".")[1].length}catch(e){} try{m+=s2.split(".")[1].length}catch(e){} return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m); } //除 function floatDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} try{t2=arg2.toString().split(".")[1].length}catch(e){} r1=Number(arg1.toString().replace(".","")); r2=Number(arg2.toString().replace(".","")); return (r1/r2)*Math.pow(10,t2-t1); }
以上所述是小編給大家介紹的js加減乘除精確計算詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Javascript實(shí)例教程(19) 使用HoTMetal(5)
Javascript實(shí)例教程(19) 使用HoTMetal(5)...2006-12-12探討JavaScript中的Rest參數(shù)和參數(shù)默認(rèn)值
這篇文章的主要介紹了JavaScript中的Rest參數(shù)和參數(shù)默認(rèn)值,內(nèi)容很充實(shí),需要了解的朋友可以參考下2015-07-07JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記 概述
在JavaScript面世之初,沒有人會想到它會被應(yīng)用的如此廣泛,也遠(yuǎn)比一般人想象中的要復(fù)雜強(qiáng)大的多,在我自己學(xué)習(xí)的過程中,曾經(jīng)有過多次震撼2012-10-10關(guān)于JavaScript中string 的replace
在使用JavaScript對字符串進(jìn)行處理的時候我們經(jīng)常會用到replace方法,很簡單的一個方法,以前一直不以為意,直到今天看JavaScript語言精粹的時候讀到了一個有趣的小例子的時候,并不是十分理解,了解了一下replace的用法才明白,原來replace不像想象中的那么簡單2013-04-04原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)代碼實(shí)例
這篇文章主要介紹了原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03a標(biāo)簽的href與onclick事件的區(qū)別詳解
對于a標(biāo)簽的href與onclick事件,大家都經(jīng)常見到,也經(jīng)常使用,可它們有什么區(qū)別呢?下面就讓小編來給大家詳細(xì)介紹下,感興趣的朋友可以學(xué)習(xí)下,不用謝了,哈哈2014-11-11傳智播客學(xué)習(xí)之JavaScript基礎(chǔ)篇
前幾天學(xué)習(xí)了JavaScript,但是一直由于忙碌的原因,沒有來得及進(jìn)行總結(jié),今天終于有時間進(jìn)行一個全面總結(jié)了,希望給正在努力學(xué)習(xí)的朋友們一點(diǎn)小小幫助。2009-11-11