JavaScript嵌套数组遍历：将单用户多AP数据合并为单行输出

核心思路 #

遍历玩家数组时，先单独提取当前玩家的基础信息，再将其嵌套的AP数组统一处理成一个聚合格式（比如拼接字符串、JSON序列化），最后把基础信息和聚合后的AP数据合并输出，避免在AP循环里重复打印基础信息。

代码示例 #

假设你的玩家数据结构如下：

const playerData = [
  {
    leagueName: "荣耀联盟",
    playerName: "剑影",
    MP: 850,
    OID: "PL_001",
    level: 35,
    AP: [
      { ability: "烈焰冲击", power: 120 },
      { ability: "寒冰屏障", power: 90 }
    ]
  },
  {
    leagueName: "星辰联盟",
    playerName: "月痕",
    MP: 920,
    OID: "PL_002",
    level: 38,
    AP: [
      { ability: "星落术", power: 150 },
      { ability: "月光守护", power: 100 }
    ]
  }
];

错误写法（导致基础信息重复）

// 错误：在AP的forEach里重复输出基础信息
playerData.forEach(player => {
  player.AP.forEach(ap => {
    console.log(`${player.leagueName}, ${player.playerName}, ${player.level}, ${ap.ability}, ${ap.power}`);
  });
});

正确写法（合并为单行输出）

playerData.forEach(player => {
  // 1. 提取当前玩家的基础信息
  const basicInfo = `${player.leagueName} | 玩家名: ${player.playerName} | MP: ${player.MP} | OID: ${player.OID} | 等级: ${player.level}`;
  
  // 2. 聚合AP数据：将每个AP元素转为字符串后用分隔符拼接
  const aggregatedAP = player.AP.map(ap => `${ap.ability}(${ap.power})`).join(" | ");
  
  // 3. 合并输出单行内容
  console.log(`${basicInfo} | AP能力: ${aggregatedAP}`);
});

输出结果示例

荣耀联盟 | 玩家名: 剑影 | MP: 850 | OID: PL_001 | 等级: 35 | AP能力: 烈焰冲击(120) | 寒冰屏障(90)
星辰联盟 | 玩家名: 月痕 | MP: 920 | OID: PL_002 | 等级: 38 | AP能力: 星落术(150) | 月光守护(100)

灵活调整格式 #

如果需要将AP数据以JSON格式保存（方便后续解析），可以替换聚合AP的代码：

const aggregatedAP = JSON.stringify(player.AP);
console.log(`${basicInfo} | AP数据: ${aggregatedAP}`);

输出结果会变成：

荣耀联盟 | 玩家名: 剑影 | MP: 850 | OID: PL_001 | 等级: 35 | AP数据: [{"ability":"烈焰冲击","power":120},{"ability":"寒冰屏障","power":90}]

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