如何将繁杂对象转换为结构化的对象数组
问题：
给定一个复杂的对象对象，其键和值分别代表对象的属性和数组值。我们的目标是将该对象转换为一个对象数组，其中每个对象包含一个 id、一个名称和一个包含子对象名称的 childList。
原始数据：
const obj = {
"a": [
"a1", "a2"
],
"b": [
"b1", "b2", "b3" // 数组内个数不定
],
//......
};目标数据：
j2me3D游戏开发简单教程 中文WORD版
下载
本文档主要讲述的是j2me3D游戏开发简单教程； 如今，3D图形几乎是任何一部游戏的关键部分，甚至一些应用程序也通过用3D形式来描述信息而获得了成功。如前文中所述，以立即模式和手工编码建立所有的3D对象的方式进行开发速度很慢且很复杂。应用程序中多边形的所有角点必须在数组中独立编码。在JSR 184中，这称为立即模式。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看
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 数组作为结果。
