如何将繁杂对象转换为结构化的对象数组
问题：
给定一个复杂的对象对象，其键和值分别代表对象的属性和数组值。我们的目标是将该对象转换为一个对象数组，其中每个对象包含一个 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 数组作为结果。
以上就是如何将复杂对象转换为结构化的对象数组？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1557128.html
微信扫一扫 
支付宝扫一扫 
