JavaScript小数乘除法精度问题解决方案

一颗松果

发布时间：2026-10-14| 4人浏览过

原创

在JavaScript中，由于采用IEEE 754双精度浮点数标准，直接对小数进行乘除运算时极易产生精度误差。例如12.32 * 7可能得出86.24000000000001。要解决这个问题，关键在于将参与运算的小数转化为整数，完成数学运算后再按比例还原。本文总结了该问题的成因，并提供一套经过验证的工具函数库，覆盖加、减、乘、除四则运算，帮助开发者彻底消除JS小數计算的显示误差。

为什么会出现这种情况

JavaScript遵循IEEE 754双精度标准（64位二进制）来表示所有数字。当十进制小数被转换为二进制时，许多值无法被精确表示，只能使用近似值存储。这种底层机制导致了常见的浮点数计算错误，例如：

12.32 * 7 = 86.24000000000001（预期应为86.24）
8.80 * 100 * 12 / 100 = 105.60000000000002（预期应为105.6）

在处理金额、比例分配等敏感数据时，这些尾部的微小误差会严重影响业务逻辑的正确性。简单的乘以或除以固定倍数（如扩大10000倍再缩小）虽然能解决部分场景，但由于不同小数的位数不同，固定倍数往往不够通用。

通用的修正思路

最稳妥的解决方法是“动态放大”策略：首先检测操作数中小数部分的位数，然后将其乘以 $10^n$（n为最大小数位数）以转为整数；执行乘除运算后，再根据除法中的分子分母位数差异进行还原。这种方法避免了固定倍数导致的适用范围局限。

核心工具函数代码实现

以下代码通过定义全局函数并扩展 Number 原型，实现了高精度的四则运算。你可以直接在项目中使用这些函数，或按需挂载到对象原型上。

// ==================== 除法相关 ====================
// 说明：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);
    }
}
// 给Number类型增加一个div方法，调用起来更加方便。
Number.prototype.div = function (arg) {
    return accDiv(this, arg);
};

// ==================== 乘法相关 ====================
// 说明：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)
}
// 给Number类型增加一个mul方法，调用起来更加 方便。
Number.prototype.mul = function (arg) {
    return accMul(arg, this);
}

// ==================== 加法相关 ====================
// 说明：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
}
// 给Number类型增加一个add方法，调用起来更加方便。
Number.prototype.add = function (arg) {
    return accAdd(arg, this);
}

使用指南

第1步：引入脚本

将上述代码块复制到你的项目中，或者包含在外部JS文件中并引入页面。这将为数字类型添加原生支持的方法。

第2步：执行运算

现在你可以像使用普通加减乘除一样调用新添加的方法：

除法：alert((10).div(3)); // 返回 3.3333333333333335 -> 优化后: 3.33... 实际上此方法处理的是有限精度的精确除法，例如：alert(11.div(22.9));
乘法：alert((12.32).mul(7)); // 返回 86.24 （精确值）
加法：alert((0.1).add(0.2)); // 返回 0.3 （不再是 0.30000000000000004）