Chen Log

陳洛格

Javascript 浮點數 加法、乘法、除法不正確的問題

leave a comment »

部分摘取自其他blog

以除法為例:如果你需要計算0.3除以0.1的結果,你可以想都不需要想,
直接報出等於3的結果。可是偉大的js偏偏不會算這個簡單的除法。它得出的結果是:2.9999999999999……..。

如果不考慮這狀況的辦法,就是把 變數-0  or 變數*1 等等。

這是js得通病,在涉及到多個浮點數時,很多時候它沒法計算的準確,我們只能通過其他方法來得到我們所需要的結果。

 

//除法
function division(num1,num2){
var t1=0,t2=0,r1,r2;
try{t1=num1.toString().split(“.”)[1].length}catch(e){}
try{t2=num2.toString().split(“.”)[1].length}catch(e){}
with(Math){
r1=Number(num1.toString().replace(“.”,””))
r2=Number(num2.toString().replace(“.”,””))
return (r1/r2)*pow(10,t2-t1);
}
}

//乘法
function multiplication(num1,num2)
{
var m=0,s1=num1.toString(),s2=num2.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)
}

//加法
function addition(num1,num2){
var r1,r2,m;
try{r1=num1.toString().split(“.”)[1].length}catch(e){r1=0}
try{r2=num2.toString().split(“.”)[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
return (num1*m+num2*m)/m;
}

 

 

考虑精度兩個input數字的代码:

  1. <script type=“text/javascript”>
  2. $(function(){
  3. var first = $(“#first”);// 获得ID为first标签的jQuery对象
  4. var second = $(“#second”);// 获得ID为first标签的jQuery对象
  5. var sumSP = $(“#sumSP”);// 获得ID为first标签的jQuery对象
  6. first.change(function(){
  7. var num1 = first.val();// 取得first对象的值
  8. var num2 = second.val();// 取得second对象的值
  9. var sum = add(num1,num2);
  10. sumSP.text(sum);
  11. });
  12. second.change(function(){
  13. var num1 = first.val();
  14. var num2 = second.val();
  15. var sum = add(num1,num2);
  16. sumSP.text(sum);
  17. });
  18. });
  19. function add(arg1,arg2){
  20. var a1,a2,m;
  21. try{
  22. a1 = arg1.toString().split(“.”)[1].length
  23. }catch(e){
  24. a1 = 0;
  25. }
  26. try{
  27. a2 = arg2.toString().split(“.”)[1].length
  28. }catch(e){
  29. a2 = 0;
  30. }
  31. m = Math.pow(10, Math.max(a1,a2));
  32. return (arg1*m+arg2*m)/m;
  33. }
  34. </script>

參考:
http://mokanote.com/javascript-amps
http://blog.csdn.net/niuniu20008/article/details/6837669

Advertisements

Written by chenagw

2012/04/08 at 20:38

Posted in Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: