JS加减乘除精确算法

最新推荐文章于 2023-10-26 13:21:43 发布

dyj12138

最新推荐文章于 2023-10-26 13:21:43 发布

阅读量251

点赞数

分类专栏：加减乘除文章标签： html javascript html5

本文链接：https://blog.youkuaiyun.com/dyj12138/article/details/120736985

版权

加减乘除专栏收录该内容

1 篇文章

订阅专栏

本文讲述了在前端开发中遇到的一个即时计算问题，由于涉及到小数运算的精度问题，导致计算结果不准确。作者通过百度搜索找到了一个有效的JavaScript解决方案，包括加法、减法、除法和乘法的精确计算方法，并测试通过。这个解决方案能够确保在HTML界面中的数学运算得到预期的精确结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML界面加减乘除精确算法

写了很长一段时间后台，最近突然要我写前端应急，整体组件参照demo也能依葫芦画瓢，有一个界面涉及到即时计算，因为前后端都是我自己开发，就懒的传到后台处理，直接在前端利用+ - * / 计算，自己测试还行，等到演示的时候，计算参数小数颇多，这时才发现计算出现问题。
老规矩，百度查找解决办法，发现一个切实有效的js，测试暂时没有发现什么问题

//计算
var calculate = {
        //加法
        numAdd(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);0
            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 (arg1 + arg2) / m;
        },
        //减法
        numSub(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));
            n = (r1 >= r2) ? r1 : r2;
            return Number(((arg1 * m - arg2 * m) / m).toFixed(n));
        },
        //除法
        accDivCoupon(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){}
            r1=Number(arg1.toString().replace(".",""));
            r2=Number(arg2.toString().replace(".",""));
            return (r1/r2)*Math.pow(10,t2-t1);
        },
        //乘法
        mul(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);
        }
    }