JS無(wú)法進(jìn)行精確計(jì)算的bug
在做CRM,二代審核需求審核詳情頁(yè)面時(shí)。需要按比例(后端傳類似0.8的小數(shù))把用戶輸入的數(shù)字顯示在不同的地方。
在做dubheInvest = invest * (1 - ratio);運(yùn)算時(shí)發(fā)現(xiàn)問(wèn)題。具體如下:
示例代碼:
console.log( 1 - 0.8 ); //
通過(guò)上面舉出的例子可以看到,原生的js運(yùn)算結(jié)果不一定準(zhǔn)確,會(huì)丟失精度。
解決方案
解決方案的原理是,將浮點(diǎn)數(shù)乘以(擴(kuò)大)10的n次方倍,把浮點(diǎn)數(shù)變?yōu)檎麛?shù)后再進(jìn)行相應(yīng)的運(yùn)算,最后將得到的結(jié)果除以(縮小)10的n次方倍。
原理示例:
將 console.log(1-0.8); 變?yōu)?console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正確的值
根據(jù)上述原理,可以封裝一些方法出來(lái)解決此類問(wèn)題。如下所示(Math.pow(x, y);表示求x的y次方):
//加法運(yùn)算 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; } //減法運(yùn)算 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)); //動(dòng)態(tài)控制精度長(zhǎng)度 n=(r1>=r2)?r1:r2; return ((arg1*m-arg2*m)/m).toFixed(n); } //乘法運(yù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); } //除法運(yùn)算 function floatp(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); }
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com