当前位置: 首页 > 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
  • 特朗普宣布对进口电影征收100%关税
  • 工程机械行业景气度持续回升,三大龙头一季度营收、净利双增
  • 巴菲特掌舵伯克希尔60年后将卸任CEO,库克:认识他是人生中最珍贵的经历之一
  • 给3亿老人爆改房子,是门好生意吗?
  • 五一假期前三日多景区客流刷新纪录,演艺、古镇、山水都很火
  • 科普|“小石头,大麻烦”,出现输尿管结石如何应对?