如何将包含嵌套数组的对象转换为包含id、name和子数组的数组?
2024-11-02 10:24:50
0浏览
收藏
从现在开始,我们要努力学习啦!今天我给大家带来《如何将包含嵌套数组的对象转换为包含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和子数组的数组? 》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!
查看更多
最新文章
-
- 文章 · 前端 | 21小时前 | js语法教程
- JSSet集合使用与去重技巧详解
- 350浏览 收藏
-
- 文章 · 前端 | 21小时前 |
- HTML5离线缓存清除方法大全
- 462浏览 收藏
-
- 文章 · 前端 | 21小时前 |
- HTML编码如何避免乱码问题
- 235浏览 收藏
-
- 文章 · 前端 | 21小时前 |
- HTMLaddress标签使用方法详解
- 309浏览 收藏
-
- 文章 · 前端 | 21小时前 |
- 发布订阅模式消息队列原理与实现解析
- 135浏览 收藏

如何更新作曲家
