解決JS浮點(diǎn)數(shù)運(yùn)算出現(xiàn)Bug的方法
37.5*5.5=206.08 (JS算出來(lái)是這樣的一個(gè)結(jié)果,我四舍五入取兩位小數(shù))
我先懷疑是四舍五入的問(wèn)題,就直接用JS算了一個(gè)結(jié)果為:206.08499999999998
怎么會(huì)這樣,兩個(gè)只有一位小數(shù)的數(shù)字相乘,怎么可能多出這么小數(shù)點(diǎn)出來(lái)。
我Google了一下,發(fā)現(xiàn)原來(lái)這是JavaScript浮點(diǎn)運(yùn)算的一個(gè)bug。
比如:7*0.8 JavaScript算出來(lái)就是:5.6000000000000005
網(wǎng)上找到了一些解決辦法,就是重新寫(xiě)了一些浮點(diǎn)運(yùn)算的函數(shù)或直接擴(kuò)大倍數(shù)運(yùn)算。
下面就把這些方法摘錄下來(lái),以供遇到同樣問(wèn)題的朋友參考:
//除法函數(shù),用來(lái)得到精確的除法結(jié)果
//說(shuō)明:javascript的除法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相除的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的除法結(jié)果。
//調(diào)用:accDiv(arg1,arg2)
//返回值:arg1除以arg2的精確結(jié)果
function accDiv(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){}
with(Math){
r1=Number(arg1.toString().replace(".",""))
r2=Number(arg2.toString().replace(".",""))
return (r1/r2)*pow(10,t2-t1);
}
}
//給Number類型增加一個(gè)div方法,調(diào)用起來(lái)更加方便。
Number.prototype.div = function (arg){
return accDiv(this, arg);
}
//乘法函數(shù),用來(lái)得到精確的乘法結(jié)果
//說(shuō)明:javascript的乘法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相乘的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的乘法結(jié)果。
//調(diào)用:accMul(arg1,arg2)
//返回值:arg1乘以arg2的精確結(jié)果
function accMul(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)
}
//給Number類型增加一個(gè)mul方法,調(diào)用起來(lái)更加方便。
Number.prototype.mul = function (arg){
return accMul(arg, this);
}
//加法函數(shù),用來(lái)得到精確的加法結(jié)果
//說(shuō)明:javascript的加法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相加的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的加法結(jié)果。
//調(diào)用:accAdd(arg1,arg2)
//返回值:arg1加上arg2的精確結(jié)果
function accAdd(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
}
//給Number類型增加一個(gè)add方法,調(diào)用起來(lái)更加方便。
Number.prototype.add = function (arg){
return accAdd(arg,this);
}
//減法函數(shù),用來(lái)得到精確的減法結(jié)果
//說(shuō)明:javascript的減法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相加的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的減法結(jié)果。
//調(diào)用:accSubtr(arg1,arg2)
//返回值:arg1減去arg2的精確結(jié)果
function accSubtr(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);
}
//給Number類型增加一個(gè)subtr 方法,調(diào)用起來(lái)更加方便。
Number.prototype.subtr = function (arg){
return accSubtr(arg,this);
}
在你要用的地方包含這些函數(shù),然后調(diào)用它來(lái)計(jì)算就可以了。
/如果在知道小數(shù)位個(gè)數(shù)的前提下,可以考慮通過(guò)將浮點(diǎn)數(shù)放大倍數(shù)到整型(最后再除以相應(yīng)倍數(shù)),再進(jìn)行運(yùn)算操作,這樣就能得到正確的結(jié)果了
<script>
alert(11*(22.9*10)/10);
</script>
- js浮點(diǎn)數(shù)精確計(jì)算(加、減、乘、除)
- js判斷輸入是否為正整數(shù)、浮點(diǎn)數(shù)等數(shù)字的函數(shù)代碼
- js浮點(diǎn)數(shù)保留兩位小數(shù)點(diǎn)示例代碼(四舍五入)
- JavaScript 浮點(diǎn)數(shù)運(yùn)算 精度問(wèn)題
- JS判斷是否為數(shù)字,是否為整數(shù),是否為浮點(diǎn)數(shù)的代碼
- javascript將浮點(diǎn)數(shù)轉(zhuǎn)換成整數(shù)的三個(gè)方法
- 深入理解JavaScript中的浮點(diǎn)數(shù)
- JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決
相關(guān)文章
JavaScript this調(diào)用規(guī)則說(shuō)明
我希望通過(guò)這些來(lái)使你們理解各種函數(shù)調(diào)用方式的不同,讓你的JavaScript代碼遠(yuǎn)離bugs。2010-03-03JS中頁(yè)面與頁(yè)面之間超鏈接跳轉(zhuǎn)中文亂碼問(wèn)題的解決辦法
在原頁(yè)面一張圖片上添加了一個(gè)鏈接,鏈接中有中文,于是在跳轉(zhuǎn)過(guò)程中出現(xiàn)中文亂碼問(wèn)題,下面給大家分享下解決方案2016-12-12JS 打印功能代碼可實(shí)現(xiàn)打印預(yù)覽、打印設(shè)置等
一個(gè)不錯(cuò)的JS 打印功能代碼,包括打印預(yù)覽、打印設(shè)置等,里面整合了很多知識(shí),是一個(gè)不錯(cuò)的學(xué)習(xí)案例2014-10-10JS實(shí)現(xiàn)圖片平面旋轉(zhuǎn)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)圖片平面旋轉(zhuǎn)的方法,涉及JavaScript操作頁(yè)面元素樣式動(dòng)態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-03-03XMLHttpRequest對(duì)象_Ajax異步請(qǐng)求重點(diǎn)(推薦)
下面小編就為大家?guī)?lái)一篇XMLHttpRequest對(duì)象_Ajax異步請(qǐng)求重點(diǎn)(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09Bootstrap-table自定義可編輯每頁(yè)顯示記錄數(shù)
這篇文章主要介紹了Bootstrap-table自定義可編輯每頁(yè)顯示記錄數(shù)的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09js實(shí)現(xiàn)在頁(yè)面上彈出蒙板技巧簡(jiǎn)單實(shí)用
蒙板是兩個(gè)div,其中popWindow樣式的div用于遮住整個(gè)頁(yè)面并半透明,感興趣的朋友可以參考下哈,希望對(duì)你學(xué)習(xí)js蒙版有所幫助2013-04-04JS+JSP checkBox 全選具體實(shí)現(xiàn)
本文為大家介紹下使用JS+JSP實(shí)現(xiàn)checkBox全選,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2014-01-01