DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS小數運算出現多為小數問題的解決方法
JS小數運算出現多為小數問題的解決方法
編輯:關於JavaScript     

寫在前面的話:

今天幫同事解決了一個問題,就是小數相乘出現很多位小數的問題;這個問題自己以前也遇到過,現在特意來總結一下;

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了;但是對精度會有一絲影響,如果精度要求不高的話推薦使用;

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved