js 小數運算出現13位小數解決方法
小數相乘出現很多位小數的問題;這個問題自己以前也遇到過,現在特意來總結一下;
Number型別:
Number型別是ECMAScript中最常用和最令人關注的型別了;這種型別使用IEEE754格式來表示整數和浮點數值(浮點數值在某些語言中也被成為雙精度數值),為支援各種資料型別,ECMA-262定義了不同的數值面量格式。
十進位制:
var intNum=10; //整數
八進位制:
var octalNum1=070; //八進位制的56
var octalNum2=079; //無效的八進位制數值-解析為79
八進位制字面量在嚴格模式下是無效的;
十六進位制:
var hexNum1=0xA; //10
切記:在進行運算的時候,所有以八進位制和十六進位制表示的數值都最終被轉換成十進位制;
為什麼操作小數會出現誤差?
浮點數值的最高進度是17位小數,但在進行運算的時候其精確度卻遠遠不如整數;整數在進行運算的時候都會轉成10進位制; 而Java和JavaScript中計算小數運算時,都會先將十進位制的小數換算到對應的二進位制,一部分小數並不能完整的換算為二進位制,這裡就出現了第一次的誤差。待小數都換算為二進位制後,再進行二進位制間的運算,得到二進位制結果。然後再將二進位制結果換算為十進位制,這裡通常會出現第二次的誤差。
所以(0.1+0.2)!=03
解決方式:
除法函式,用來得到精確的除法結果
說明:javascript的除法結果會有誤差,在兩個浮點數相除的時候會比較明顯。這個函式返回較為精確的除法結果。
呼叫:accDiv(arg1,arg2)
返回值:arg1除以arg2的精確結果
function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{ <span style="font-family:simsun;"> </span>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(".",""))<span style="font-family:simsun;"> </span>return (r1/r2)*pow(10,t2-t1); } <span style="font-family:simsun;"> </span>}
給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)
其它運算類似,就可以得到比較精確的結果。
解決方式二:
比較常用的辦法,toFixed(),toFixed() 方法可把 Number 四捨五入為指定小數位數的數字。在我們計算的結果後面加上這個方法就OK了;但是對精度會有一絲影響,如果精度要求不高的話推薦使用。
============================
一個有趣的測試:
0.1+0.2 == 0.3 //false
頓時鬱悶,好吧!原來0.1+0.2變成:0.30000000000000004
再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式,都轉換成整數 (2.4 * 100)/(0.8 * 100)
10.22 現在要減去 0.11 結果值又出現了很多的小數 10.110000000000001,然後我就用了 toFixed 方法來過濾小數,但是不知道跟前面那種轉換成整數後再執行哪種效率高,好!還是試下再說吧!
查了一些資料,一是 JavaScript 浮點數計算的 Bug,另一個是和計算機最終轉換成二進位制計算有關係。
解決方法:
解決這種問題兩種方法,第一種就是利用JavaScript 的toFixed(n) 方法,直接獲取N 位小數,這種方法在資料精度上會有一些問題。如果資料精度要求不高的話可以使用。
第二種方法就是自己編寫運算方法。以下是自定義加法函式,使用此方法進行相加會避免上面問題。
//自定義加法運算 function addNum (num1, num2) { var sq1,sq2,m; try { sq1 = num1.toString().split(".")[1].length; } catch (e) { sq1 = 0; } try { sq2 = num2.toString().split(".")[1].length; } catch (e) { sq2 = 0; } m = Math.pow(10,Math.max(sq1, sq2)); return (num1 * m + num2 * m) / m; } alert(addNum(0.1, 0.2));
當然,簡單一點也可以寫成:alert((num * 3 + 10 * 3) /3); 這樣也不會出現 N 多位小數。
alert((num * 3 + 10 * 3) /3); 與 alert(num + 10); 這兩種寫法計算機在底層轉換成二進位制運算是有區別的,或許這就是出現上述問題的原因