JavaScript字符串小数数组求和问题：如何正确计算总和？

这个问题的核心在于JavaScript默认只认点（.）作为小数分隔符，而你的数组里的字符串用的是逗号（,），直接用+arr[i]转换会返回NaN，这就是三个sum结果都不符合预期的原因：

• sum1：数字和NaN相加会直接变成NaN
• sum2：字符串和NaN拼接会得到'0NaNNaN'
• sum3：数字和字符串相加时，数字会被强制转为字符串，最终变成拼接结果

解决方案步骤 #

要实现正确求和，我们需要先处理字符串格式，再进行累加，最后按需格式化结果：

1. 将每个字符串里的逗号替换为点，让JavaScript能识别为有效小数
2. 把处理后的字符串转换为数字并累加
3. 如果需要将结果转回逗号分隔的格式（比如3,00），再做一次格式转换

修正后的代码示例 #

基础循环版本

function check() {
  let arr = ["1,50", "1,50"];
  let sum = 0;
  
  for (let i = 0, length = arr.length; i < length; i++) {
    // 替换逗号为点，转换为浮点数后累加
    const num = parseFloat(arr[i].replace(',', '.'));
    sum += num;
  }
  
  console.log(sum); // 输出数字：3
  // 格式化为带逗号的两位小数字符串
  const formattedSum = sum.toFixed(2).replace('.', ',');
  console.log(formattedSum); // 输出字符串："3,00"
}

check();

更简洁的reduce版本

如果你喜欢函数式写法，用数组的reduce方法会更简洁：

const arr = ["1,50", "1,50"];
// 累加计算总和
const total = arr.reduce((acc, curr) => {
  return acc + parseFloat(curr.replace(',', '.'));
}, 0);

console.log(total); // 3
// 转换为逗号分隔的格式
console.log(total.toFixed(2).replace('.', ',')); // "3,00"

额外的健壮性处理 #

如果数组里可能存在无效的数字字符串（比如空值、非数字内容），可以加个判断避免引入NaN：

const arr = ["1,50", "1,50", "abc", ""];
const total = arr.reduce((acc, curr) => {
  const cleanedStr = curr.replace(',', '.');
  const num = parseFloat(cleanedStr);
  // 只累加有效的数字
  if (!isNaN(num)) {
    acc += num;
  }
  return acc;
}, 0);

console.log(total); // 仍然输出3，忽略了无效内容

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