JS小數(shù)運算出現(xiàn)多為小數(shù)問題的解決方法
寫在前面的話:
今天幫同事解決了一個問題,就是小數(shù)相乘出現(xiàn)很多位小數(shù)的問題;這個問題自己以前也遇到過,現(xiàn)在特意來總結一下;
Number類型:
Number類型是ECMAScript中最常用和最令人關注的類型了;這種類型使用IEEE754格式來表示整數(shù)和浮點數(shù)值(浮點數(shù)值在某些語言中也被成為雙精度數(shù)值),為支持各種數(shù)據(jù)類型,ECMA-262定義了不同的數(shù)值面量格式。
十進制:
var intNum=10; //整數(shù)
八進制:
var octalNum1=070; //八進制的56
var octalNum2=079; //無效的八進制數(shù)值-解析為79
八進制字面量在嚴格模式下是無效的;
十六進制:
var hexNum1=0xA; //10
切記:在進行運算的時候,所有以八進制和十六進制表示的數(shù)值都最終被轉換成十進制;
為什么操作小數(shù)會出現(xiàn)誤差?
浮點數(shù)值的最高進度是17位小數(shù),但在進行運算的時候其精確度卻遠遠不如整數(shù);整數(shù)在進行運算的時候都會轉成10進制; 而Java和JavaScript中計算小數(shù)運算時,都會先將十進制的小數(shù)換算到對應的二進制,一部分小數(shù)并不能完整的換算為二進制,這里就出現(xiàn)了第一次的誤差。待小數(shù)都換算為二進制后,再進行二進制間的運算,得到二進制結果。然后再將二進制結果換算為十進制,這里通常會出現(xiàn)第二次的誤差。
所以(0.1+0.2)!=03
解決方式:
程序代碼
除法函數(shù),用來得到精確的除法結果
說明:javascript的除法結果會有誤差,在兩個浮點數(shù)相除的時候會比較明顯。這個函數(shù)返回較為精確的除法結果。
調用: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); }
乘法函數(shù),用來得到精確的乘法結果
說明:javascript的乘法結果會有誤差,在兩個浮點數(shù)相乘的時候會比較明顯。這個函數(shù)返回較為精確的乘法結果。
調用: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); }
加法函數(shù),用來得到精確的加法結果
說明:javascript的加法結果會有誤差,在兩個浮點數(shù)相加的時候會比較明顯。這個函數(shù)返回較為精確的加法結果。
調用: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); }
在你要用的地方包含這些函數(shù),然后調用它來計算就可以了。
比如你要計算:7*0.8 ,則改成 (7).mul(8)
其它運算類似,就可以得到比較精確的結果。
解決方式二:
比較常用的辦法,toFixed(),toFixed() 方法可把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字。在我們計算的結果后面加上這個方法就OK了;但是對精度會有一絲影響,如果精度要求不高的話推薦使用;
相關文章
JavaScript優(yōu)化專題之Loading and Execution加載和運行
這篇文章主要介紹了JavaScript優(yōu)化專題中Loading and Execution加載和運行的相關資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01Js on及addEventListener原理用法區(qū)別解析
這篇文章主要介紹了Js on及addEventListener原理用法區(qū)別解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07使用JS監(jiān)聽鍵盤按下事件(keydown event)
這篇文章主要介紹了使用JS監(jiān)聽鍵盤按下事件(keydown event),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11