当前位置: 首页 > 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 }
]
http://www.xdnf.cn/news/112483.html

相关文章:

  • Python爬虫(3)HTML核心技巧:从零掌握class与id选择器,精准定位网页元素
  • mfc学习(一)
  • 基于whisper和ffmpeg语音转文本小程序
  • 【深度学习】#9 现代循环神经网络
  • 【C++】继承
  • 数据结构与算法实战:从理论到落地的深度探索
  • 原生微信小程序,canvas生成凭证,保存到手机
  • Java的进阶学习
  • 鲲鹏麒麟搭建Docker仓库
  • 海量聊天消息处理:ShardingJDBC分库分表、ClickHouse冷热数据分离、ES复合查询方案、Flink实时计算与SpringCloud集成
  • C++ RPC以及cmake
  • VBA技术资料MF300:利用Mid进行文本查找
  • 专家系统的一般结构解析——基于《人工智能原理与方法》的深度拓展
  • JBoltAI 赋能金融文档:基于 RAG 的基金招募说明书视觉增强方案
  • 分布式微服务架构,数据库连接池设计策略
  • 【框架学习】Spring AI-功能学习与实战(一)
  • node.js 实战——(Http 知识点学习)
  • 使用PyTorch如何配置一个简单的GTP
  • Framework.jar里的类无法通过Class.forName反射某个类的问题排查
  • FPGA上实现YOLOv5的一般过程
  • 机器学习特征工程中的数值分箱技术:原理、方法与实例解析
  • 看一看 中间件Middleware
  • mapbox高阶,高程影像、行政区边界阴影效果实现
  • 开源项目实战学习之YOLO11:ultralytics-cfg-datasets-lvis.yaml文件(五)
  • 长城杯铁人三项初赛-REVERSE复现
  • Linux常见指令介绍下(入门级)
  • 手搓雷达图(MATLAB)
  • Java24新增特性
  • C语言数据结构之顺序表
  • 从代码学习深度学习 - 图像增广 PyTorch 版