如何将包含嵌套数组的对象转换为包含id、name和子数组的数组?

2024-11-01 13:55:44 编辑:抖狐科技 来源:摘自互联网

如何将包含嵌套数组的对象转换为包含id、name和子数组的数组?

对象转换为对象数组

原始对象包含嵌套数组,我们需要将这个对象转换为一个数组,其中每个元素都是一个具有 id、name 和 childList 子数组的对象。

实现这一目标的一种方法是使用 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;
}, []);

登录后复制

此代码会返回一个如下所示的数组:

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

登录后复制

以上就是如何将包含嵌套数组的对象转换为包含id、name和子数组的数组?的详细内容,更多请关注抖狐科技其它相关文章!

本站文章均为抖狐网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...
我们猜你喜欢