当前位置: 首页 > news >正文

要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中

const data = [{id:'1',itemList:[{id:'1-1',list:0},{id:'1-2',list:0}]},{id:'2',itemList:[{id:'2-1',list:0}]}
]
  1. 使用 forEach
const newItemList = [];data.forEach(item => {newItemList.push(...item.itemList);
});console.log(newItemList);
  1. reduce
const newItemList = data.reduce((acc, item) => {return acc.concat(item.itemList);
}, []);
  1. 使用 map 和 flat
const newItemList = data.map(item => item.itemList).flat();

结果

[{ id: '1-1', list: 0 },{ id: '1-2', list: 0 },{ id: '2-1', list: 0 }
]

相关文章:

  • 计算机视觉——速度与精度的完美结合的实时目标检测算法RF-DETR详解
  • Electron Forge【实战】百度智能云千帆大模型 —— AI聊天
  • VMware与Docker:虚拟化技术的双轨演进与融合实践
  • Nginx 反向代理,啥是“反向代理“啊,为啥叫“反向“代理?而不叫“正向”代理?它能干哈?
  • 第十四届蓝桥杯省B.砍树
  • 12.桥接模式:思考与解读
  • 2025年计算机视觉与智能通信国际会议(ICCVIC 2025)
  • 对话模型和补全模型区别
  • LabVIEW实现Voronoi图绘制功能
  • 使用Next.js构建单页面React应用
  • 再来1章linux 系列-11 系统的延迟任务及定时任务 at ,crontab,mail;/etc/at.allow,/etc/at.deny
  • 卷积神经网络(二)
  • 济南国网数字化培训班学习笔记-第二组-1节-输电线路工程
  • 数字隔离器,筑牢AC-DC数字电源中的“安全防线”
  • vue2如何二次封装表单控件如input, select等
  • 空闲列表:回收和再利用
  • Java发展史及版本详细说明
  • Postgresql源码(143)统计信息基础知识(带实例)
  • 中心极限定理(CLT)习题集 · 答案与解析篇
  • SpringSecurity源码解读AbstractAuthenticationProcessingFilter
  • 牛市早报|商务部:目前中美之间未进行任何经贸谈判
  • 岭南非遗大IP来上海了,舞剧《英歌》在文化广场连演两场
  • 童书湃|世界读书日:在书里去辽阔的自然里撒个欢
  • 花3000元就能买“国际机构”的证书?揭秘假证产业链
  • 2025年度“沪惠保”将于4月22日开售,保费不变
  • 上海农房翻建为何难?基层盼政策适度松动