本文介绍如何将一个javascript对象转换为特定结构的对象数组。原始对象结构如下：
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: 'b3'} ] }];
我们可以通过Object.entries()和reduce()方法实现此转换。代码如下：
let obj = { "a": ["a1", "a2"], "b": ["b1", "b2", "b3"]};let id = 1;const list = Object.entries(obj).reduce((acc, [name, val]) => { acc.push({ id: id++, name, childList: val.map(childName => ({ id: id++, name: childName })) }); return acc;}, []);
这段代码首先使用Object.entries()将对象转换为键值对数组。然后，reduce()方法迭代每个键值对，创建一个包含id、name和childList属性的新对象。childList属性通过将原始数组中的每个元素映射到一个新的包含id和name属性的对象来生成。id在每次迭代中递增。最后，reduce()方法返回包含所有新对象的对象数组。 这种方法简洁高效地完成了对象结构的转换。
以上就是JavaScript对象如何转换为包含id、name和子对象数组的新对象数组？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1563524.html
微信扫一扫 
支付宝扫一扫 
