DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js中浮點型運算BUG的解決方法說明
js中浮點型運算BUG的解決方法說明
編輯:JavaScript綜合知識     

 本篇文章主要是對js中浮點型運算BUG的解決方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

曾經項目用到過的,之前在網上找到此代碼,但在特定條件下除法和加法運算依然會出現BUG個人對此稍作優化     代碼如下: //除法函數,用來得到精確的除法結果 //說明: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 accMul((r1 / r2),pow(10, t2 - t1));     } }     代碼如下: //乘法函數,用來得到精確的乘法結果 //說明: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) }     代碼如下: //加法運算中級解決辦法 function accAdd(arg1, arg2) {        var r1, r2, m, c;     try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }     try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }       c = Math.abs(r1 - r2);        m = Math.pow(10, Math.max(r1, r2))        if (c > 0) {            var cm = Math.pow(10, c);            if (r1 > r2) {                arg1 = Number(arg1.toString().replace(".", ""));                arg2 = Number(arg2.toString().replace(".", "")) * cm;            }            else {                arg1 = Number(arg1.toString().replace(".", "")) * cm;                arg2 = Number(arg2.toString().replace(".", ""));            }        }        else {            arg1 = Number(arg1.toString().replace(".", ""));            arg2 = Number(arg2.toString().replace(".", ""));        }        return accDiv((arg1 + arg2),m);  }   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved