js小數運算出現多位小數如何解決

小數相乘出現很多位小數的問題；這個問題自己以前也遇到過，現在特意來總結一下；

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{
　　　　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) 
其它運算類似，就可以得到比較精確的結果。

解決方式二：

比較常用的辦法，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 方法來過濾小數，但是不知道跟前面那種轉換成整數后再執行哪種效率高，好！還是試下再說吧！

var date1 = new Date();
for(var i = 0; i < 10000; i++){
 var result1 = (10.22 - 0.11).toFixed(2);   
}
alert(new Date() - date1);//效率低
   
var date2 = new Date();
for(var j = 0; j < 10000; j++){
 var result2 = (10.22 * 1000 - 0.11 * 1000) / 1000;   
}
alert(new Date() - date2);//效率高
  
alert(0.1 + 0.2 == 0.3); //既然返回false
alert(0.1 + 0.2); //既然返回0.30000000000000004
alert(parseFloat(0.1) + parseFloat(0.2)); //還是返回0.30000000000000004

查了一些資料，一是 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); 這兩種寫法計算機在底層轉換成二進制運算是有區別的，或許這就是出現上述問題的原因