詳解js加減乘除精確計(jì)算
JS無(wú)法進(jìn)行精確計(jì)算的bug
在做CRM,二代審核需求審核詳情頁(yè)面時(shí)。需要按比例(后端傳類(lèi)似0.8的小數(shù))把用戶(hù)輸入的數(shù)字顯示在不同的地方。
在做dubheInvest = invest * (1 - ratio);運(yùn)算時(shí)發(fā)現(xiàn)問(wè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
通過(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é)果除以(縮?。?0的n次方倍。
原理示例:
將console.log(1-0.8); 變?yōu)?console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正確的值
根據(jù)上述原理,可以封裝一些方法出來(lái)解決此類(lèi)問(wèn)題。如下所示(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));
//動(dòng)態(tài)控制精度長(zhǎng)度
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加減乘除精確計(jì)算詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript函數(shù)命名的三種方式及區(qū)別介紹
下面小編就為大家?guī)?lái)一篇javascript函數(shù)命名的三種方式及區(qū)別介紹。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-03-03
Javascript WebSocket使用實(shí)例介紹(簡(jiǎn)明入門(mén)教程)
網(wǎng)絡(luò)套接字是下一代WEB應(yīng)用程序雙向通信技術(shù),它是基于一個(gè)獨(dú)立的socket并且需要客戶(hù)端瀏覽器支持HTML52014-04-04
javascript prototype原型詳解(比較基礎(chǔ))
prototype原型是javascript中特別重要的概念,屬于必須要掌握,如果沒(méi)有良好的掌握的話,進(jìn)一步用好或者學(xué)好js基本是不可能的實(shí)現(xiàn)的事情,并且此概念稍有難度,可能對(duì)于初次接觸的朋友來(lái)說(shuō)有點(diǎn)困難,下面就通過(guò)代碼實(shí)例簡(jiǎn)單介紹一下prototype原型的用法2016-12-12
在瀏覽器中打開(kāi)或關(guān)閉JavaScript的方法
這篇文章主要介紹了在瀏覽器中打開(kāi)或關(guān)閉JavaScript的方法,由于歷史遺留問(wèn)題,JS在目前任何瀏覽器中都是標(biāo)配...所以不想加載JS也可以選擇關(guān)閉,需要的朋友可以參考下2015-06-06

