为何基于reduce的JavaScript数组求和代码无法正常运行?
数组求和时空字符串导致结果错误的解决方法
你的代码里,数组中的空字符串""在与数字相加时会触发字符串拼接而非数值运算,比如初始值0加""会变成字符串"0",后续再和数字相加就会继续拼接,最终结果自然不是预期的158。
以下是两种符合你业务场景(按原索引顺序处理元素)的修正方案:
方案一:显式处理空字符串
let qties = [ [12, 45, 56, "", 45, "", "", ""] ] const incomingBulkQty = qties[0].reduce((partialSum, a) => { // 把空字符串转为0,其他值转为数字后累加 const value = a === "" ? 0 : Number(a); return partialSum + value; }, 0); console.log('Result: ' + incomingBulkQty) // 输出 Result: 158
方案二:利用Number()隐式转换空字符串
由于Number("")会直接返回0,可以简化代码:
let qties = [ [12, 45, 56, "", 45, "", "", ""] ] const incomingBulkQty = qties[0].reduce((partialSum, a) => partialSum + Number(a), 0); console.log('Result: ' + incomingBulkQty) // 输出 Result: 158
这两种方案都不会改变原数组的索引处理顺序,同时能正确累加所有有效数值,得到预期结果。
内容的提问来源于stack exchange,提问作者onit
相关产品推荐
相关产品推荐

