JavaScript遍历嵌套testInfo及用Reduce按Agency分组数据问题

首先必须修正数据结构——由于JavaScript对象中重复键会被最后一个值覆盖，你需要先将participants下的participantDetails从重复对象改为数组，否则之前的重复数据已经丢失，后续处理无意义。

1. 修正数据结构 #

假设你的原始数据是类似这样的（重复键导致数据覆盖）：

const testObj = [
  {
    id: 1,
    participants: {
      participantDetails: { Agency: "AgencyA", testInfo: ["info1", "info2"] },
      participantDetails: { Agency: "AgencyB", testInfo: ["info3", "info4"] } // 此对象会覆盖前一个
    }
  },
  {
    id: 2,
    participants: {
      participantDetails: { Agency: "AgencyA", testInfo: ["info5"] }
    }
  }
];

先将所有participantDetails转为数组（如果后端返回时就应该是数组，建议优先修复后端输出逻辑）：

// 修正数据结构，确保participantDetails是数组
const correctedTestObj = testObj.map(item => ({
  ...item,
  participants: {
    // 兼容原本是单个对象或已经是数组的情况
    participantDetails: Array.isArray(item.participants.participantDetails)
      ? item.participants.participantDetails
      : [item.participants.participantDetails]
  }
}));

2. 遍历所有participantDetails的testInfo #

如果需要提取所有testInfo的内容并合并为一个数组，用flatMap链式处理最简洁：

// 提取所有testInfo元素到一个数组
const allTestInfo = correctedTestObj.flatMap(item => 
  item.participants.participantDetails.flatMap(detail => detail.testInfo)
);

// 输出示例：["info1", "info2", "info3", "info4", "info5"]
console.log(allTestInfo);

如果只是需要逐个遍历处理每个testInfo元素：

correctedTestObj.forEach(item => {
  item.participants.participantDetails.forEach(detail => {
    detail.testInfo.forEach(info => {
      // 这里写你的处理逻辑，比如打印或业务操作
      console.log(`Agency: ${detail.Agency}, TestInfo: ${info}`);
    });
  });
});

3. 用reduce按Agency分组 #

以下代码会将所有participantDetails对象按Agency属性分组，每个分组下包含对应agency的所有详情（包括testInfo）：

const groupedByAgency = correctedTestObj.reduce((grouped, currentItem) => {
  currentItem.participants.participantDetails.forEach(detail => {
    const agency = detail.Agency;
    // 初始化分组数组
    if (!grouped[agency]) {
      grouped[agency] = [];
    }
    // 将当前详情加入对应分组，可按需添加原item的其他属性
    grouped[agency].push({
      ...detail,
      sourceItemId: currentItem.id // 关联原数组元素的id，可选
    });
  });
  return grouped;
}, {});

最终输出结构示例：

{
  "AgencyA": [
    { Agency: "AgencyA", testInfo: ["info1", "info2"], sourceItemId: 1 },
    { Agency: "AgencyA", testInfo: ["info5"], sourceItemId: 2 }
  ],
  "AgencyB": [
    { Agency: "AgencyB", testInfo: ["info3", "info4"], sourceItemId: 1 }
  ]
}

常见错误排查 #

你之前的reduce代码报错大概率是因为：

• 未将participantDetails转为数组，直接对单个对象调用forEach
• 属性路径错误，比如误写为item.participants.participantDetail（少了s）
• 未处理Agency为undefined的情况，可以在代码中加入判断跳过无效数据

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