如何将复杂对象转换为结构化的对象数组？

如何将繁杂对象转换为结构化的对象数组

问题：

给定一个复杂的对象对象，其键和值分别代表对象的属性和数组值。我们的目标是将该对象转换为一个对象数组，其中每个对象包含一个 id、一个名称和一个包含子对象名称的 childList。

原始数据：

const obj = {
  "a": [
    "a1", "a2"
  ],
  "b": [
    "b1", "b2", "b3" // 数组内个数不定
  ],
  //......
};

目标数据：

const list = [
  {
    id: 1,
    name: 'a', 
    childList:[
      {id: 3, name: 'a1'},
      {id: 4, name: 'a2'},
    ]
  },
  {
    id: 2,
    name: 'b',
    childList:[
      {id: 5, name: 'b1'},
      {id: 6, name: 'b2'},
      {id: 7, name: 'b2'},
    ]
  }
];

解决方案：

let id=1;
Object.entries(obj).reduce((acc,[name, val])=>{
    acc.push({id:id++, name, childList:val.map(name=>({id:id++, name}))});
    return acc;
},[]);

实现细节：

• 首先创建一个 id 计数器，从 1 开始。
• 使用 Object.entries() 遍历原始对象的键值对。

• 对于每个键值对，我们将创建一个新对象：

  • id：使用 id 计数器并递增。
  • name：键。
  • childList：将值数组中的每个元素转换为一个包含 id 和 name 属性的新对象。
• 我们使用 reduce() 累积所有新创建的对象到 acc 数组中。
• 最后，返回 acc 数组作为结果。