JavaScript字符串转整数失败：多div元素值求和异常求助

我来帮你搞定这个问题！你碰到的这种明明该求和却变成字符串拼接的情况，大多是两个小细节没做好——要么是求和的初始值不对，要么是转整数的时候没处理干净。咱们一步步来解决：

1. 先检查求和变量的初始值 #

这是最常见的坑！如果你的sum初始值是**字符串（比如let sum = "";）**或者根本没初始化，那么第一次累加的时候，JavaScript会把数值自动转成字符串做拼接，而不是加法运算。

正确的初始化必须是数字类型的0：

let sum = 0; // 一定要是数字0，不能是字符串或者undefined

2. 正确转换div文本为整数 #

你之前用了parseInt但没成功，大概率是没处理文本里的空格，或者没指定parseInt的基数参数（第二个参数10，确保是十进制转换）。另外，div的文本可能有前后空格，比如" 500 "，直接转换虽然有时候能生效，但稳妥起见先做trim处理：

方法一：用parseInt（推荐加基数） #

$('.your-target-class').each(function() {
    // 先去除文本前后空格，再转十进制整数
    const currentNum = parseInt($(this).text().trim(), 10);
    sum += currentNum;
});

方法二：用Number()转换 #

Number()也能自动处理带空格的文本，写法更简洁：

$('.your-target-class').each(function() {
    const currentNum = Number($(this).text().trim());
    sum += currentNum;
});

3. 额外：处理无效数字的情况 #

如果某些div的文本可能不是有效数字（比如空文本、带非数字字符），可以加个判断避免NaN影响求和结果：

let sum = 0;
$('.your-target-class').each(function() {
    const text = $(this).text().trim();
    const currentNum = parseInt(text, 10);
    // 只有转换后是有效数字时才累加
    if (!isNaN(currentNum)) {
        sum += currentNum;
    }
});
console.log(sum); // 此时应该输出正确的800

特殊情况：文本带非数字字符 #

如果你的div文本里有货币符号（比如¥500）或者其他非数字字符，可以先用正则去掉这些字符再转换：

const text = $(this).text().trim().replace(/[^0-9]/g, ''); // 去掉所有非数字字符
const currentNum = parseInt(text, 10);

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