数组浮点数求和异常：使用.map方法返回0的问题求助

你的代码求和结果异常的核心原因有两个：

1. 错误使用map方法：map的设计初衷是转换数组元素并返回新数组，虽然可以在回调里执行累加逻辑，但这不是它的适用场景，更合适的是使用forEach或reduce来做累加操作。
2. 字符串未转数值类型：输入框的.val()返回的是字符串，即使去掉R$后，得到的依然是字符串（比如"1"、"2"）。直接和初始值0累加时，会触发字符串拼接而非数值加法，若处理后的字符串无法转为有效数字（比如空值），就会出现求和错误。

修正后的代码 #

方案1：直接遍历累加（简洁高效） #

const inputs = $(".total");
let sum = 0;

inputs.each(function() {
    // 去除R$并转为浮点数，处理无效值为0
    const price = parseFloat($(this).val().replace("R$", ""));
    sum += isNaN(price) ? 0 : price;
});

console.log(sum);

方案2：先存数值数组再用reduce求和 #

const inputs = $(".total");
const arrTotal = [];

inputs.each(function() {
    const price = parseFloat($(this).val().replace("R$", ""));
    arrTotal.push(isNaN(price) ? 0 : price);
});

const sum = arrTotal.reduce((total, current) => total + current, 0);
console.log(sum);

这两种方案都解决了字符串转数值的问题，同时选择了更适合累加的方法，能正确计算所有订单的总价。

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