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

如何将包含嵌套数组的对象转换为包含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和子数组的数组?的详细内容,更多请关注其它相关文章!