首页 > 编程语言 >前端JavaScript的精确计算问题

前端JavaScript的精确计算问题

时间:2023-04-27 16:59:38浏览次数:40  
标签:r1 r2 arg1 前端 JavaScript toString 精确 catch arg2

  • 问题发现

    •   "47.900000" * "771.65"  = 36962.034999999996  (错误)  36962.035 (正确)
  • 问题定位

    •   JavaScript 前端计算不精确(浮点数计算的精确问题)
  • 问题解决

除法函数,用来得到精确的除法结果
说明: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);
        }

   }

乘法函数,用来得到精确的乘法结果
说明: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;
    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;
}

减法函数
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 ((arg2*m-arg1*m)/m).toFixed(n);
}

标签:r1,r2,arg1,前端,JavaScript,toString,精确,catch,arg2
From: https://www.cnblogs.com/supperlhg/p/17359376.html

相关文章

  • javascript通过按钮实现超链接
    <html:buttonproperty="PassWordReturnButton"onclick="PassWordReturnJavaScript();">返回</html:button><scriptlanguage="javascript"type="text/javascript">functionPassWordReturnJavaScript(){win......
  • 前端项目使用vw视口单位进行适配时字体大小的解决方案
    使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一,即如果你用vw来设定字体大小的话,字体的大小将总是随视口的大小进行改变。问题在于,当做上面的事情的时候,因为文本总是随着视口的大小改变大小,用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用viewpo......
  • JavaScript把数字转为汉字数字的function
    functionnumberToChinese(num){vardigits=["","一","二","三","四","五","六","七","八","九"];varunits=["","十",&quo......
  • 前端全局页面添加水印
    //下载npm包npminstallwatermark-package-S使用importwatermarkfrom"watermark-package";//添加水印watermark.setWaterMark({w_texts:[data.userName,data.account],w_options:{w......
  • ABAP 遍历内表数据的时候,加上前端筛选条件
    1.前端查询条件*----------------------------------------------------------------------**选择屏幕*----------------------------------------------------------------------*SELECTION-SCREENBEGINOFBLOCKb1WITHFRAMETITLETEXT-001.SELECT-OPTIONS:"PARA......
  • 前端生成二维码及把页面转为图片保存到本地
    前端生成二维码及把页面转为图片保存到本地Bayi·于2021-12-2317:08:37发布847收藏3文章标签:前端javascript生成二维码页面转图片vue版权以vue项目为例,其他类型项目其实也是一样的所需components:QRCodehtml2canvasnpminstallqrcodejs2--savenpm......
  • vue 前端生成二维码,并转换为图片
    vue前端生成二维码,并转换为图片~牧马~于2021-05-2715:08:03发布2760收藏7分类专栏:vue文章标签:vue生成二维码自动生成的二维码转图片版权这篇文章主要是分享下自己的收获,也是自己遇到的问题:前端如何自己生成二维码?前端如何将生成的二维码转成图片并展示?......
  • JavaScript获取两个数组的差集
    constarra=['a','b','c','d','e'];constarrb=['b','e'];console.log("some:"+arra.filter(v=>!arrb.some((item)=>item===v)));console.log("find:&quo......
  • 无界微前端方案官方示例,main-vue 项目打包之后 访问index.html页面空包,控制台报资源错
    报错信息: 修改方案: publicPath:“./”修改为如上配置即可。......
  • 前端跨域解决方案——CORS
    CORS(跨来源资源共享)是一种用于解决跨域问题的方案。CORS(跨来源资源共享)是一种安全机制,用于在浏览器和服务器之间传递数据时,限制来自不同域名的请求。在前端开发中,当通过XMLHttpRequest(XHR)或FetchAPI发送跨域请求时,如果服务器没有正确配置CORS,浏览器会阻止该请求,从而导致请求......