JavaScript计算小数返回错误值问题排查求助

你遇到的问题是JavaScript中典型的浮点数精度问题：

JavaScript采用IEEE 754双精度浮点数标准存储数值，这种方式无法精确表示所有十进制小数。比如你用到的0.105，在二进制中是无限循环的小数，存储时只能取近似值。当这个近似值和整数23635相乘时，原本的精度误差被放大，最终就得到了2481.6749999999997这种看似异常的结果。

另外注意你的代码里有个小疏漏：你定义了Qty和UnitPrice变量，但实际计算时用的是$("#Qty")和$("#UnitPrice")的取值，和前面的Qty2、UnitPrice2不一致，不过这不是导致精度偏差的核心原因。

解决思路 #

1. 整数化计算：把小数转换为整数运算，从根源避免浮点数误差。比如根据单价的小数位数，将其放大为整数后计算，再缩小回原比例：

var qty = parseInt($("#Qty").val().replace(/,/g, ''), 10);
var unitPrice = $("#UnitPrice").val().replace(/,/g, '');
// 把单价转成整数（0.105 → 105），计算后再除以1000
var total = (qty * parseInt(unitPrice.replace('.', ''), 10)) / Math.pow(10, unitPrice.split('.')[1]?.length || 0);

2. 结果格式化：如果只需要固定小数位数的展示结果，可以用toFixed()方法处理（注意该方法返回字符串，如需数字类型可二次转换）：

var rawTotal = $("#Qty").val().replace(/,/g, '') * $("#UnitPrice").val().replace(/,/g, '');
var total = parseFloat(rawTotal.toFixed(3)); // 保留3位小数，得到2481.675

内容的提问来源于stack exchange，提问作者Lenard