zoukankan      html  css  js  c++  java
  • JavaScripts中关于数字的精确计算方法

    问题描述:

    37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) ,我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998

    怎么会这样,两个只有一位小数的数字相乘,怎么可能多出这么小数点出来。 我Google了一下,发现原来这是JavaScript浮点运算的一个bug。

    比如:7*0.8 JavaScript算出来就是:5.6000000000000005 ,网上找到了一些解决办法,就是重新写了一些浮点运算的函数。

    下面就把这些方法摘录下来,以供遇到同样问题的朋友参考:

     1 //除法函数,用来得到精确的除法结果 
     2 //说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 
     3 //调用:accDiv(arg1,arg2) 
     4 //返回值:arg1除以arg2的精确结果 
     5 function accDiv(arg1,arg2){ 
     6     var t1=0,t2=0,r1,r2; 
     7     try{t1=arg1.toString().split(".")[1].length;}catch(e){} 
     8     try{t2=arg2.toString().split(".")[1].length;}catch(e){} 
     9     with(Math){ 
    10         r1=Number(arg1.toString().replace(".","")) 
    11         r2=Number(arg2.toString().replace(".","")) 
    12         return (r1/r2)*pow(10,t2-t1); 
    13     } 
    14 }
    15 //给Number类型增加一个div方法,调用起来更加方便。 
    16 Number.prototype.div = function (arg){ 
    17     return accDiv(this, arg); 
    18 };
    19 
    20 //乘法函数,用来得到精确的乘法结果 
    21 //说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。 
    22 //调用:accMul(arg1,arg2) 
    23 //返回值:arg1乘以arg2的精确结果 
    24 function accMul(arg1,arg2){ 
    25     var m=0,s1=arg1.toString(),s2=arg2.toString(); 
    26     try{m+=s1.split(".")[1].length;}catch(e){} 
    27     try{m+=s2.split(".")[1].length;}catch(e){} 
    28     return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m); 
    29 }
    30 //给Number类型增加一个mul方法,调用起来更加方便。 
    31 Number.prototype.mul = function (arg){ 
    32     return accMul(arg, this); 
    33 };
    34 
    35 //加法函数,用来得到精确的加法结果 
    36 //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 
    37 //调用:accAdd(arg1,arg2) 
    38 //返回值:arg1加上arg2的精确结果 
    39 function accAdd(arg1,arg2){ 
    40     var r1,r2,m; 
    41     try{r1=arg1.toString().split(".")[1].length;}catch(e){r1=0;} 
    42     try{r2=arg2.toString().split(".")[1].length;}catch(e){r2=0;} 
    43     m=Math.pow(10,Math.max(r1,r2));
    44     return (arg1*m+arg2*m)/m;
    45 } 
    46 //给Number类型增加一个add方法,调用起来更加方便。 
    47 Number.prototype.add = function (arg){ 
    48     return accAdd(arg,this); 
    49 };
    50 
    51 //减法函数,用来得到精确的减法结果 
    52 //说明:javascript的减法结果会有误差,在两个浮点数相减的时候会比较明显。这个函数返回较为精确的减法结果。 
    53 //调用:accSub(arg1,arg2) 
    54 //返回值:arg1减arg2的精确结果
    55 function accSub(arg1,arg2){
    56      var r1,r2,m,n;
    57      try{r1=arg1.toString().split(".")[1].length;}catch(e){r1=0;}
    58      try{r2=arg2.toString().split(".")[1].length;}catch(e){r2=0;}
    59      m=Math.pow(10,Math.max(r1,r2));
    60      //last modify by deeka
    61      //动态控制精度长度
    62      n=(r1>=r2)?r1:r2;
    63      return ((arg1*m-arg2*m)/m).toFixed(n);
    64 }
    65 //给Number类型增加一个sub方法,调用起来更加方便。 
    66 Number.prototype.sub = function (arg){ 
    67     return accSub(this,arg); 
    68 };
  • 相关阅读:
    加载默认图片,如何避免img标签陷入onerror事件死循环
    Windows 7安装解压版MySQL 5.6(不包含配置文件优化)
    【总结2】PhpStorm利用XDebug调试PHP技巧
    【总结1】PhpStorm配置XDebug(远程)调试PHP
    JavaScript跳转到页面某个锚点#
    数据库查询中的特殊字符的问题
    CSS3/jQuery自己定义弹出窗体
    4.Maven概念模型,maven的生命周期,Maven坐标,依赖管理(依赖范围,依赖声明),仓库管理,私服概念
    从Wolframserver获取DC comics卡通人物数据
    S5PV210开发系列四_uCGUI的移植
  • 原文地址:https://www.cnblogs.com/wbxk/p/6138400.html
Copyright © 2011-2022 走看看