标签导航：

JavaScript对象如何转换为包含id、name和子对象数组的新对象数组？

本文介绍如何将一个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()方法返回包含所有新对象的对象数组。 这种方法简洁高效地完成了对象结构的转换。