• js浮点数运算的坑 加減乘除結果 和計算器 結果不一致?


    例如:

    计算器结果:17.7*0.75 = 13.275

    而控制台JS计算结果为: 17.7*0.75  =  13.274999999999999

    这究竟是啥原因?
    1,首先要肯定的是这不是浏览器的问题,而是由于浮点数的精度导致的。
    2,浮点数的精度问题并不是JavaScript所独有的,例如在java中,我们运行以下代码,同样会输出和JavaScript中一样的结果。

    因为电脑永远都是按照二进制进行运算的,我们输入的十进制数在转化为二进制数时,并不总如人意,意思是说有些十进制并不能用准确的二进制数表示。

    比如十进制的1.1,在用二进制表示的时因为存在二进制位无限循环的表示,实际值为1.0999999999...无限接近与1.1

    解决方案

    常用的一种解决方法就是将浮点数转化为整数进行运算,以下是一些封装好的关于浮点运算的方法,而且经过测试,加减乘除运算都会达到自己想要的结果。

    1) 除法函数

    //说明: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 (r1/r2)*pow(10,t2-t1);   //---整数相除 在乘上10的平方  小数点的长度
        } 


    2) 乘法函数

    //说明: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) 


    3) 加法函数

    //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 
    //调用:accAdd(arg1,arg2) 
    //返回值:arg1加上arg2的精确结果 
    function accAdd(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 (arg1*m+arg2*m)/m 

    4) 减法函数

    function accSub(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)); 
           //last modify by deeka 
           //动态控制精度长度 
           n=(r1>=r2)?r1:r2; 
           return ((arg1*m-arg2*m)/m).toFixed(n); 
    }

  • 相关阅读:
    【前端学习笔记】函数柯里化(自网易云课堂)
    【前端学习笔记】call、apply、bind方法
    【前端学习笔记】arguments相关
    【前端学习笔记】函数定义、函数调用、this
    【前端学习笔记】闭包的作用及案例
    【前端学习笔记】利用iframe实现表单的无刷新提交案例
    【前端学习笔记】JavaScript 常用方法兼容性封装
    【前端学习笔记】JavaScript 小案例合集
    【前端学习笔记】JavaScript JSON对象相关操作
    牛客多校第10场J Wood Processing 分治优化/斜率优化 DP
  • 原文地址:https://www.cnblogs.com/super-ldc/p/15149250.html
Copyright © 2020-2023  润新知