JS将输入整数值拼接至整数数组元素而非执行数值加法求助

问题根源 #

• JS 的+运算符存在重载逻辑：当两侧操作数存在字符串类型时，会默认执行字符串拼接而非算术加法
• 你已经通过pmt_arry.map(Number)将数组所有元素转为数值类型，但传入函数的amt参数为字符串类型（通常用户输入、接口返回、表单取值默认都是字符串格式），因此相加时触发了拼接逻辑
• 补充验证：你代码中var totpayable_curryr = response - amt;可以正常计算，是因为-运算符仅支持算术运算，会自动将两侧操作数隐式转为数值，所以不会出现拼接问题

修复方案 #

在使用amt执行加法前，先将其转为数值类型即可，两种可选实现方式：

方式1：函数入口统一转换 #

在函数第一行新增转换逻辑，后续所有用到amt的位置都不需要额外修改：

function updCurryrPmtData(username, month, amt, callback) {
    amt = Number(amt); // 新增此行，将amt统一转为数值
    // 剩余原有代码不变
}

方式2：加法操作处单独转换 #

修改加法两行的代码：

pmt_arry[month] = pmt_arry[month] + Number(amt);    
pmt_arry[13] = pmt_arry[13] + Number(amt);

如果确定amt始终为整数，也可以用parseInt(amt, 10)代替Number(amt)，避免小数点相关的异常。

验证方法 #

可以在加法操作前新增日志确认类型：

console.log('amt 类型：', typeof amt, 'amt 值：', amt);

如果输出amt 类型： string即可确认问题根源匹配。

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