1. 程式人生 > >js 小數運算出現13位小數解決方法

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 位小數,這種方法在資料精度上會有一些問題。如果資料精度要求不高的話可以使用。

alert((0.1 + 0.2).toFixed(1));

第二種方法就是自己編寫運算方法。以下是自定義加法函式,使用此方法進行相加會避免上面問題。

複製程式碼
//自定義加法運算
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); 這兩種寫法計算機在底層轉換成二進位制運算是有區別的,或許這就是出現上述問題的原因