JavaScript 如何将嵌套对象group字段的单元素数组转为单个值

可以通过两层数组遍历实现需求，两种常用实现方案如下：

方案1：不修改原始数据（推荐） #

生成全新的结果数组，原始数据和对象保持不变，适合需要保留原始输入的场景：

const desiredOutput = real_data.map(subArr => {
  return subArr.map(item => ({
    ...item,
    group: item.group[0]
  }))
})

方案2：直接修改原数据 #

直接在原始数据上修改字段值，无额外内存开销，适合不需要保留原始数据的场景：

real_data.forEach(subArr => {
  subArr.forEach(item => {
    item.group = item.group[0]
  })
})
// 处理完成后 real_data 就是预期输出

两种方案都会自动跳过数据里的空数组，不需要额外做边界判断，完全匹配给出的输出要求。

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