0

0

如何使用 Lodash 将嵌套对象数组中的 nodes 字段提取为二维数组结构

聖光之護

聖光之護

发布时间:2026-01-05 16:40:35

|

121人浏览过

|

来源于php中文网

原创

如何使用 Lodash 将嵌套对象数组中的 nodes 字段提取为二维数组结构

本文介绍如何利用 lodash 的链式操作(尤其是 `map` 与 `map` 组合)将形如 `[{ nodes: [...] }, ...]` 的二维嵌套结构,精准转换为仅包含 `nodes` 数组的纯二维数组,避免 `flatmap` 导致的扁平化错误。

在处理 GraphQL 响应时,常遇到多层嵌套结构——例如你当前的数据是一个二维数组(Array>),其中每个内层数组由多个对象组成,而每个对象仅有一个 nodes 属性,其值为一个数组。你的目标并非展平整个结构,而是保持外层数组维度不变,仅将每个内层对象替换为其 nodes 值。此时若误用 flatMap(如 flatMap('ciVariables.nodes')),会导致所有 nodes 数组被合并到顶层一维数组中,完全破坏原有分组逻辑。

正确的解法是采用双层映射(nested mapping):外层 map 遍历最外层数组(即每个子数组),内层 map 遍历该子数组中的每个对象,并提取其 nodes 字段。这恰好对应 Lodash 链式调用中的 .map().map() 模式:

const result = _.chain(resp.data.data.projects.nodes)
  .map(arr => _.map(arr, 'nodes')) // 外层 map + 内层 map(Lodash 支持字符串路径简写)
  .value();

✅ 等价于原生写法:

AskAI
AskAI

无代码AI模型构建器,可以快速微调GPT-3模型,创建聊天机器人

下载
const result = resp.data.data.projects.nodes.map(subArr =>
  subArr.map(item => item.nodes)
);

⚠️ 注意事项:

  • 不要使用 flatMap('ciVariables.nodes'):flatMap 会先映射再扁平一层,导致 [[a],[b],[c]] → [a,b,c],丢失原始二维结构;
  • 若原始路径更深(如 ciVariables[0].nodes),需确保数据结构稳定,或改用函数式访问(item => item.ciVariables?.[0]?.nodes)增强健壮性;
  • 在链式调用中,.map(arr => _.map(arr, 'nodes')) 是推荐写法——既保持可读性,又充分利用 Lodash 对属性路径的优化支持。

最终输出严格维持输入的二维形状:外层数组长度不变,每个子数组长度不变,仅内容从 { nodes: [...] } 替换为 [...]。这是处理 GraphQL 分页/分组响应中常见嵌套字段的标准范式。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Python GraphQL API 开发实战
Python GraphQL API 开发实战

本专题系统讲解 Python 在 GraphQL API 开发中的实际应用,涵盖 GraphQL 基础概念、Schema 设计、Query 与 Mutation 实现、权限控制、分页与性能优化,以及与现有 REST 服务和数据库的整合方式。通过完整示例,帮助学习者掌握 使用 Python 构建高扩展性、前后端协作友好的 GraphQL 接口服务,适用于中大型应用与复杂数据查询场景。

23

2026.01.21

treenode的用法
treenode的用法

​在计算机编程领域,TreeNode是一种常见的数据结构,通常用于构建树形结构。在不同的编程语言中,TreeNode可能有不同的实现方式和用法,通常用于表示树的节点信息。更多关于treenode相关问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

548

2023.12.01

C++ 高效算法与数据结构
C++ 高效算法与数据结构

本专题讲解 C++ 中常用算法与数据结构的实现与优化,涵盖排序算法(快速排序、归并排序)、查找算法、图算法、动态规划、贪心算法等,并结合实际案例分析如何选择最优算法来提高程序效率。通过深入理解数据结构(链表、树、堆、哈希表等),帮助开发者提升 在复杂应用中的算法设计与性能优化能力。

27

2025.12.22

深入理解算法:高效算法与数据结构专题
深入理解算法:高效算法与数据结构专题

本专题专注于算法与数据结构的核心概念,适合想深入理解并提升编程能力的开发者。专题内容包括常见数据结构的实现与应用,如数组、链表、栈、队列、哈希表、树、图等;以及高效的排序算法、搜索算法、动态规划等经典算法。通过详细的讲解与复杂度分析,帮助开发者不仅能熟练运用这些基础知识,还能在实际编程中优化性能,提高代码的执行效率。本专题适合准备面试的开发者,也适合希望提高算法思维的编程爱好者。

44

2026.01.06

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

77

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

40

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

67

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

47

2025.11.27

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

1

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
HTML5/CSS3/JavaScript/ES6入门课程
HTML5/CSS3/JavaScript/ES6入门课程

共102课时 | 7.3万人学习

前端基础到实战(HTML5+CSS3+ES6+NPM)
前端基础到实战(HTML5+CSS3+ES6+NPM)

共162课时 | 21.3万人学习

第二十二期_前端开发
第二十二期_前端开发

共119课时 | 13.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号