如何将嵌套对象转换为嵌套结构的数组？

对象转换为嵌套结构数组

给定一个嵌套的对象 obj，要求将其转换为一个嵌套结构的数组 list。每个数组项代表 obj 中的一个键及其对应的值列表，转换为以下格式：

const list = [
  {
    id: 1, // 自动生成的 ID
    name: 'a', // 对象的键
    childList: [
      { id: 2, name: 'a1' }, // 子数组中的第一项
      { id: 3, name: 'a2' }, // 子数组中的第二项
    ],
  },
  {
    id: 4, // 自动生成的 ID
    name: 'b', // 对象的键
    childList: [
      { id: 5, name: 'b1' }, // 子数组中的第一项
      { id: 6, name: 'b2' }, // 子数组中的第二项
      { id: 7, name: 'b3' }, // 子数组中的第三项
    ],
  },
];

登录后复制

解决方案：

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

将 obj 的转换为数组：

let obj = {
  "a": [
    "a1",
    "a2"
  ],
  "b": [
    "b1",
    "b2",
    "b3"
  ]
};
let entries = Object.entries(obj);

登录后复制

使用 reduce() 将每个键值对转换为 list 项：

entries.reduce((acc, [name, val]) => {
  acc.push({
    id: id++,
    name,
    childList: val.map(name => ({ id: id++, name })),
  });
  return acc;
}, []);

登录后复制

• id 是自动生成的 ID。
• name 是键值对的键。
• childList 是值数组，每个值已转换为具有自动生成 ID 和值的子项。

最终，acc 数组将采用 list 的格式。

以上就是如何将嵌套对象转换为嵌套结构的数组？的详细内容，更多请关注米云其它相关文章！