如何将 JavaScript 对象转换为包含嵌套 childList 的对象数组?

如何将 JavaScript 对象转换为包含嵌套 childList 的对象数组?

将 javascript 对象转换为对象数组

问题:

如何转换以下原始 JavaScript 对象为具有以下格式的对象数组?

原始对象:

const obj = {  "a": ["a1", "a2"],  "b": ["b1", "b2", "b3"],  // ......};

登录后复制

目标对象数组:

立即学习“Java免费学习笔记(深入)”;

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' },    ]  }];

登录后复制

解决方案:

使用 Object.entries() 和 reduce() 方法:

let obj = {  "a": ["a1", "a2"],  "b": ["b1", "b2", "b3"],  // ......};let id = 1;Object.entries(obj).reduce((acc, [name, val]) => {  acc.push({    id: id++,    name,    childList: val.map(name => ({ id: id++, name })),  });  return acc;}, []);

登录后复制

结果:

此代码将生成与目标对象数组相同的对象数组。

以上就是如何将 JavaScript 对象转换为包含嵌套 childList 的对象数组?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2806440.html

(0)
上一篇 2025年3月8日 22:17:40
下一篇 2025年3月8日 22:17:50

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论