JavaScript嵌套数组求和问题：map+reduce返回undefined求排查

我帮你看了下你的代码，问题主要出在这几个细节上：

• 错误访问packings属性：obj.packings是一个数组，不是单个对象，你直接写obj.packings.total根本拿不到值——数组本身没有total属性，得遍历数组里的每个packing元素去取total值。
• map函数无返回值：你的map里只做了console.log和parseFloat操作，但没有返回计算结果，导致map输出的数组全是undefined，后续reduce自然无法正确计算。
• reduce未返回累加结果：外层reduce里计算total+current后没有return，每一步的累加结果都丢失了，最终返回undefined。

下面是修正后的代码，我加了详细的注释：

let result = this.sku.map(obj => {
  // 先计算当前sku下所有packings的total总和
  // 给reduce设初始值0，避免空packings数组返回NaN
  return obj.packings.reduce((packSum, packing) => {
    // 把每个packing的total转成浮点数后累加
    return packSum + parseFloat(packing.total);
  }, 0);
}).reduce((totalSum, currentSkuSum) => {
  // 一定要返回累加后的结果，否则reduce会丢失值
  return totalSum + currentSkuSum;
}, 0); // 给外层reduce设初始值0，防止sku数组为空时出错

return this.fixFourDecimal(result);

简单说下逻辑：

1. 先用map遍历每个sku，对每个sku内部的packings数组做一次reduce，算出这个sku对应的所有packings的total总和；
2. 再用外层reduce把所有sku的总和加起来，得到最终的总金额；
3. 两处reduce都设置了初始值0，避免空数组导致的NaN或undefined问题。

内容的提问来源于stack exchange，提问作者Jarvis Lorenz Palad