javascript高精度计算解决方案

来源：互联网发布：永恒之塔捏脸数据编辑：程序博客网时间：2024/06/01 07:33
首先解决精度最便捷的方式：
x为要做精度处理的数值，先将x放大10000倍，再四舍五入，在除以10000倍。
Math.round(x*10000)/10000
（注意：这里乘的倍数和你要保留的小数位数相对应。比如要保留2位，则乘100倍；保留3位，则乘1000倍。）
该方法可以保证大部分情况下适用。
如果你要保证极其高的精度，则需要采用下面的方法处理。
--------------------------------------------------------------------------------------------------------------------------------------------
1，简介 Javascript中高精度计算，主要解决Javascript不精确问题，此解决方案包括，浮点数数计算出现不精确问题；浮点数计算中指定精度的方法。计算不精确通过 Arithmetic（函数）处理；指定精度通过FormatByAccuracy（函数）处理，这两个函数也是本实例中最主要的两个方法。可用于JS开发和.NET的ajax开发项目中。
2，实例
3，code
[html] view plain copy
 <pre class="html" name="code"><html>  
  
<head>   
  
    <title>javascript高精度计算解决方案</title>  
  
    <script language="javascript" type="text/javascript">  
  
        function AutoCalculate(rowid,flag){  
  
            /// <summary>自动计算数量、单价、金额</summary>     
  
            /// <param name="obj">输入框控件</param>       
  
            /// <param name="rowid">new rowid</param>     
  
            /// <param name="flag">N数量P单价M金额</param>      
  
            var objN = document.getElementById("txtN"+rowid);  
  
            var objP = document.getElementById("txtP"+rowid);  
  
            var objM = document.getElementById("txtM"+rowid);  
  
            //取设置的精度  
  
            var np = document.getElementById("txtNP").value;  
  
            var pp = document.getElementById("txtPP").value;  
  
            var mp = document.getElementById("txtMP").value;  
  
            //check  
  
            if(np>21||pp>21||mp>21)  
  
            {  
  
              alert('精度最大21!');   
  
              return;  
  
            }  
  
            //数据精度处理  
  
            objN.value = FormatByAccuracy(objN.value,np);  
  
            objP.value = FormatByAccuracy(objP.value,pp);  
  
            //进行计算  
  
            if(flag=="N"){ //修改数量  
  
                if(objN.value!=""){ //如果数量栏位值不为空  
  
                    if(objP.value != ""){ // 如果单价不为空，则重新计算金额  
  
                        objM.value = Arithmetic(objN.value,'*',objP.value);  
  
                    }else{   
  
                        if(objM.value!=""){ //如果单价为空,金额不为空，计算出单价  
  
                            if(objN.value!=0){//如果数量不为0  
  
                                objP.value = Arithmetic(objM.value,'/',objN.value);  
  
                            }  
  
                        }  
  
                    }  
  
                }else{  //如果数量栏位值为空，则清空金额栏位。  
  
                    objM.value = "";  
  
                }  
  
            }else if(flag=="P"){//修改单价  
  
                 if(objP.value!=""){ //如果单价栏位值不为空  
  
                      if(objN.value!=""){ //如果数量栏位值不为空,重算金额栏位  
  
                          objM.value = Arithmetic(objN.value,'*',objP.value);  
  
                      }else{//数量栏位值为空,清空金额栏位  
  
                          objM.value = "";  
  
                      }  
  
                 }else{//如果单价栏位值为空  
  
                      if(objN.value!=""){ //如果数量栏位值不为空,清空金额栏位  
  
                          objM.value = "";  
  
                      }else{  
  
                      }  
  
                 }  
  
            }else if(flag=="M"){//修改金额  
  
                 if(objM.value!=""){ //如果金额栏位值不为空  
  
                      if(objN.value!=""){ //如果数量栏位值不为空,重算单价栏位  
  
                          if(objN.value!="0"){//如果数量不为0  
  
                              objP.value = Arithmetic(objM.value,'/',objN.value);  
  
                          }  
  
                      }else{//数量栏位值为空,清空单价栏位  
  
                          objP.value = "";  
  
                      }  
  
                 }else{//如果金额栏位值为空  
  
                      if(objN.value!=""){ //如果数量栏位值不为空,清空单价栏位  
  
                          objP.value = "";  
  
                      }else{  
  
                      }  
  
                 }  
  
            }     
  
            //处理计算结果精度，有可能是算金额，有可能是算单价  
  
            objP.value = FormatByAccuracy(objP.value,pp);  
  
            objM.value = FormatByAccuracy(objM.value,mp);  
  
            //计算合计金额  
  
            CalculateSumMoney();  
  
        }  
  
        function CalculateSumMoney(){  
  
            /// <summary>计算合计金额</summary>  
  
            var objM = document.getElementsByName("txtM");  
  
            var sumMoney =0;  
  
            var m;  
  
            for(var i=0;i<objM.length;i++){  
  
                m = objM.item(i).value;  
  
                if(m != ""){  
  
                    sumMoney = Arithmetic(sumMoney,'+',m);  
  
                }  
  
            }  
  
            document.getElementById("txtSum").value = sumMoney;  
  
        }  
  
        function FormatByAccuracy(val,accuracy){  
  
            /// <summary>浮点数精度处理</summary>  
  
            /// <par accuracy>小数位精度</par>  
  
            /// <bug>由于toPrecision是从第一个不为0的值开始处理精度，  
  
            ///所以暂不考虑0.00000X(<0.01)的情况</bug>  
  
            if(val){  
  
                if(accuracy==0&&parseFloat(val)<1){  
  
                    return parseFloat(val).toPrecision();  
  
                }else{  
  
                    val = Number(val).toString();  
  
                    index = val.indexOf('.');  
  
                    //len整数位精度  
  
                    len = index==-1?val.length:(val.substr(0,index)=='0'?index-1:index);  
  
                    accuracy = parseInt(len,10)+parseInt(accuracy,10);  
  
                    //toPrecision最大支持21位处理  
  
                    accuracy = accuracy>21?21:accuracy;                  
  
                    return parseFloat(val).toPrecision(accuracy);  
  
                }  
  
            }else{  
  
                return val;  
  
            }  
  
        }  
  
        function Arithmetic(arg1,operator,arg2){  
  
            ///<summary>四则运算,基本思路：转整计算然后恢复小数位</summary>  
  
            ///<par>operator运算符</par>  
  
            ///<result>计算结果</result>  
  
            var r1,r2,mul,size;  
  
            try{  
  
                r1=arg1.toString().split(".")[1].length;  
  
            }catch(e){  
  
                r1=0;  
  
            }  
  
            try{  
  
                r2=arg2.toString().split(".")[1].length;  
  
            }catch(e){  
  
                r2=0;  
  
            }  
  
            size = Math.max(r1,r2);  
  
            switch(operator){  
  
                    case "+":  
  
                    case "-":  
  
                            mul = size;  
  
                            break;  
  
                    case "*":  
  
                            mul = 2 * size;  
  
                            break;  
  
                    case "/":  
  
                            mul = 0;  
  
                            break;  
  
            }  
  
            return eval((arg1*Math.pow(10, size)) + operator + (arg2*Math.pow(10, size))) / Math.pow(10, mul);  
  
        }  
  
    </script>  
  
</head>  
  
<body>  
  
    <form id="form1" >  
  
        <h3>简介</h3>  
  
        Javascript中高精度计算，主要解决Javascript不精确问题，此解决方案包括，浮点数数计算出现不精确问题；浮点数计算中指定精度的方法。<br>计算不精确通过 Arithmetic（函数）处理；指定精度通过FormatByAccuracy（函数）处理，这两个函数也是本实例中最主要的两个方法。<br> 可用于JS开发和.NET的ajax开发项目中。</  
  
        <hr>  
  
        数量精度：<input type="text" id="txtNP" value="1" />  
  
        单价精度：<input type="text" id="txtPP" value="1" />  
  
        金额精度：<input type="text" id="txtMP" value="1" />  
  
        <table width="600" border="1" cellpadding="0" id="tblMats" cellspacing="0" >  
  
          <tr height="20" align="center">   
  
            <th  width="60px">数量</th>    
  
            <th  width="60px">单价</th>   
  
            <th  width="70px">金额</th>  
  
          </tr>  
  
          <tr height="21"  align="center">      
  
            <td >  
  
                <input width="40" type="text" id="txtN0" onblur="AutoCalculate(0,'N')" style="width:100%; text-align:right"  />  
  
            </td>                                  
  
            <td >  
  
                <input width="40" type="text" id="txtP0" onblur="AutoCalculate(0,'P')" style="width:100%; text-align:right"  />  
  
            </td>  
  
            <td >  
  
                <input width="40" type="text" name="txtM" id="txtM0" onblur="AutoCalculate(0,'M')" style="width:100%; text-align:right"  />  
  
            </td>  
  
          </tr>  
  
          <tr height="21"  align="center">       
  
            <td >  
  
                <input width="40" type="text" id="txtN1" onblur="AutoCalculate(1,'N')" style="width:100%; text-align:right"  />  
  
            </td>                                  
  
            <td >  
  
                <input width="40" type="text" id="txtP1" onblur="AutoCalculate(1,'P')" style="width:100%; text-align:right"  />  
  
            </td>  
  
            <td >  
  
                <input width="40" type="text" name="txtM" id="txtM1" onblur="AutoCalculate(1,'M')" style="width:100%; text-align:right"  />  
  
            </td>  
  
          </tr>  
  
          <tr height="21"  align="center">  
  
            <td  colspan="8">  
  
                <input type="text" id="txtSum" value="0"  readonly="readonly" style="width:100%;text-align:right; "  /></td>  
  
          </tr>  
  
    </table>  
  
    </form>  
  
</body>  
  
</html>  
  
</pre>
阅读全文
0 0