如何将复杂对象转换为结构化的对象数组？-html教程-PHP中文网

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

霞舞

发布： 2024-11-01 08:57:33

原创

958人浏览过

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

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

问题：

给定一个复杂的对象对象，其键和值分别代表对象的属性和数组值。我们的目标是将该对象转换为一个对象数组，其中每个对象包含一个 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 数组作为结果。

以上就是如何将复杂对象转换为结构化的对象数组？的详细内容，更多请关注php中文网其它相关文章！