2011年9月10日 星期六

JavaScript - 浮點數運算


在JavaScript裡,有小數點的數值運算有時會出現讓無言的結果,例如以下:

image

沒有出現預期的4.31,反而出現了4.3100000000000005……這也差太多了


於是乎,為了方便處理有關這方面的問,於是整理了以下的程式,讓日後處理相關問題可以更加容易。

//浮點數相加
function FloatAdd(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 (FloatMul(arg1, m) + FloatMul(arg2, m)) / m;
}
//浮點數相減
function FloatSubtraction(arg1, arg2)
{
  var r1, r2, m, n;
  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));
  n = (r1 >= r2) ? r1 : r2;
  return ((arg1 * m - arg2 * m) / m).toFixed(n);
}
//浮點數相乘
function FloatMul(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);
}
//浮點數相除
function FloatDiv(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);
  }
}

 

image

用上面有問題的浮點運算來驗證一下function.

image

以上!

6 則留言:

  1. 感謝您!您這篇幫助到我有效解決JS的問題!

    回覆刪除
    回覆
    1. 感謝你的回應,很高興能解決你的問題。

      刪除
  2. 好文轉貼 :)
    轉貼到這 : http://ezs.no-ip.org/bitblog/blog/2015/10/27/%E8%BD%89%E8%B2%BC-javascript-%E6%B5%AE%E9%BB%9E%E6%95%B8%E9%81%8B%E7%AE%97/

    回覆刪除
    回覆
    1. 這樣的全文轉載也不是很好,我個人建議你應該是自己去寫個測試範例,而且是用我這篇文章所提供的方法,然後說明為何要這麼用,甚至這樣做法的不宜之處,如果只是 Copy Paste 的全文轉貼到自己的部落格,意義並不大也沒有用處,你的部落格也只是另外一個內容農場罷了

      刪除
    2. 那就改這樣轉吧 如果覺得這樣比較好的話

      刪除
  3. 感謝您的文章 清楚簡單扼要

    回覆刪除

提醒

千萬不要使用 Google Talk (Hangouts) 或 Facebook 及時通訊與我聯繫、提問,因為會掉訊息甚至我是過了好幾天之後才發現到你曾經傳給我訊息過,請多多使用「詢問與建議」(在左邊,就在左邊),另外比較深入的問題討論,或是有牽涉到你實作程式碼的內容,不適合在留言板裡留言討論,請務必使用「詢問與建議」功能(可以夾帶檔案),謝謝。

最近的留言