如何为数组元素内部嵌套的data对象添加id键值对

以下是两种常用的实现方式，可根据是否需要保留原数组选择：

• 方式1：直接修改原数组（性能最优，适合不需要保留原始数据的场景）

const arr = [
  {age: 20, data: {money: 20}},
  {age: 30, data: {money: 30}},
  {age: 40, data: {money: 40}}
];

// 遍历数组给每个data新增固定id
arr.forEach(item => {
  item.data.id = 1;
});

• 方式2：生成新数组（完全不改动原数组，适合需要保留原始数据的场景）

const arr = [
  {age: 20, data: {money: 20}},
  {age: 30, data: {money: 30}},
  {age: 40, data: {money: 40}}
];

// 浅拷贝各层对象后新增id，避免污染原数据
const newArr = arr.map(item => {
  return {
    ...item,
    data: {
      ...item.data,
      id: 1
    }
  };
});

如果后续需要生成不同的自增id，只需要把固定值1替换为遍历对应的索引+1即可。

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