本文介绍如何将一个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()方法返回包含所有新对象的对象数组。 这种方法简洁高效地完成了对象结构的转换。
以上就是JavaScript对象如何转换为包含id、name和子对象数组的新对象数组？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
791
