如何基于尺码维度统计商品总库存数量并按对应尺码展示

你可以直接复用已经生成的按颜色汇总结果result1来完成尺码维度的聚合，无需二次遍历原始数据，实现逻辑如下：

步骤1：确认尺码常量 #

确保你使用的尺码列表SIZES和现有逻辑保持一致，示例定义如下：

const SIZES = ['_1x', '_2x', '_3x', '_4x', 'xxs', 'xs', 's', 'm', 'l', 'xl'];

步骤2：实现尺码维度聚合 #

直接遍历颜色汇总结果，按尺码维度累加数值即可：

const sizeSummary = SIZES.map(size => {
  // 初始化单条尺码汇总项
  const sizeRecord = {
    size, // 尺码名称
    total: 0 // 该尺码总库存
  };

  // 遍历所有颜色的汇总数据，累加对应尺码的数值
  result1.forEach(colorRecord => {
    const currentQty = Number(colorRecord[size]) || 0;
    // 存储当前颜色下该尺码的库存
    sizeRecord[colorRecord.color] = currentQty;
    // 累加总库存
    sizeRecord.total += currentQty;
  });

  return sizeRecord;
});

输出结果说明 #

按你提供的示例数据运算后，输出的sizeSummary结构示例如下：

[
  { size: 's', total: 28, red: 14, pink: 14, yellow: 0 },
  { size: 'xl', total: 24, red: 0, pink: 12, yellow: 12 },
  // 其余尺码以此类推
]

你可以直接基于该结构渲染表格，即可得到按尺码维度展示的汇总效果。

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