javascript小数相减会出现一长串的小数位数的原因
生活随笔
收集整理的這篇文章主要介紹了
javascript小数相减会出现一长串的小数位数的原因
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
javascript小數相減會出現一長串的小數位數的原因
?
<script> var a='38.8'; var b='6.8'; alert(parseFloat(a)-parseFloat(b)); var a=134.22; var b=6; alert(a*b); </script> 以上代碼為什么產生一長串小數位出來,雖然比較精確,可沒必要呀。 這個和數據結構有關系,整數型自動轉換成正型計算,小數型直接轉成double型計算。這是在內存中運算的時候必須這樣,你該知道計算機只認識0和1吧,具體的就是浮點精準度的問題。 float 精確到小數點后7位 double 精確到小數點后15位 javascript:document.write( (11.3-10.1).toFixed(2) ) toFixed()方法不僅僅截去多余的小數位,同時它還根據截取位置的下一個小數位進行四舍五入。例如,對于數值10.739,截取到小數點后的兩位數,結果將是10.74。而對于數值10.732,截取到小數點后的兩位數,結果將是10.73。 注意,在JavaScript中我們只能截取小數點之后0位~20位的小數。 toFixed()方法僅被高版本的瀏覽器所支持,所以在使用之前最好先檢查一下瀏覽器是否支持該方法,檢查的代碼如下所示: var varNumber = 22.234; if (varNumber.toFixed) { varNumber = varNumber.toFixed(2); } else //瀏覽器不支持toFixed()就使用其他方法 { var div = Math.pow(10,2); varNumber = Math.round(varNumber * div) / div; } 這樣可以解決,但你想問,怎么可能多出這么小數點出來。 為什么會出現如此無法理解的答案? 我Google了一下,發現原來這是JavaScript浮點運算的一個bug。 比如:7*0.8 JavaScript算出來就是:5.6000000000000005 網上找到了一些解決辦法,就是重新寫了一些浮點運算的函數。 下面就把這些方法摘錄下來,以供遇到同樣問題的朋友參考: 程序代碼 //除法函數,用來得到精確的除法結果 //說明:javascript的除法結果會有誤差,在兩個浮點數相除的時候會比較明顯。這個函數返回較為精確的除法結果。 //調用:accDiv(arg1,arg2) //返回值:arg1除以arg2的精確結果 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類型增加一個div方法,調用起來更加方便。 Number.prototype.div = function (arg){ return accDiv(this, arg); } //乘法函數,用來得到精確的乘法結果 //說明:javascript的乘法結果會有誤差,在兩個浮點數相乘的時候會比較明顯。這個函數返回較為精確的乘法結果。 //調用:accMul(arg1,arg2) //返回值:arg1乘以arg2的精確結果 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類型增加一個mul方法,調用起來更加方便。 Number.prototype.mul = function (arg){ return accMul(arg, this); } //加法函數,用來得到精確的加法結果 //說明:javascript的加法結果會有誤差,在兩個浮點數相加的時候會比較明顯。這個函數返回較為精確的加法結果。 //調用:accAdd(arg1,arg2) //返回值:arg1加上arg2的精確結果 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類型增加一個add方法,調用起來更加方便。 Number.prototype.add = function (arg){ return accAdd(arg,this); } 在你要用的地方包含這些函數,然后調用它來計算就可以了。 比如你要計算:7*0.8 ,則改成 (7).mul(8) 其它運算類似,就可以得到比較精確的結果。 -------------------------------------------------------------------------- 以上是在網上一個JS牛人的博客上轉載的,不過上面只提及了加法、乘法和除法的解決辦法。 這個時候可能很多人就會想,有了加法,減法還不容易?我就是差點讓這個想法給害苦了。 其他的就不多說了,帖出減法的代碼: function Subtr(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)); //last modify by deeka //動態控制精度長度 n=(r1>=r2)?r1:r2; return ((arg1*m-arg2*m)/m).toFixed(n); } 原文:http://blog.sina.com.cn/s/blog_8deabceb01017b7k.html轉載于:https://www.cnblogs.com/smallrock/p/3716520.html
總結
以上是生活随笔為你收集整理的javascript小数相减会出现一长串的小数位数的原因的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 怎样可以预防免疫性不孕
- 下一篇: HTML+CSS布局技巧及兼容问题【阅读