使用 JavaScript 递归搜索嵌套对象以匹配字符串列表

使用 javascript 递归搜索嵌套对象以匹配字符串列表

本文介绍了如何使用 JavaScript 递归搜索嵌套对象,以查找与给定字符串列表匹配的键,并返回匹配的对象。我们将探讨使用生成器函数来实现这一目标,以及如何处理更复杂的需求,例如查找顺序键。

递归搜索嵌套对象

在处理复杂的数据结构时,经常需要根据某些条件查找特定的数据。当数据以嵌套对象的形式存在时,递归搜索是一种常用的方法。以下介绍如何使用 JavaScript 实现递归搜索,以查找与给定字符串列表匹配的键。

基本实现:使用生成器函数

首先,我们使用生成器函数 search1 来递归地搜索对象。该函数接受一个数据对象和一个搜索值作为参数。

function* search1(data, value) {  if (Object(data) === data) {    for (const key of Object.keys(data)) {      if (key === value)        yield data[key];      else        yield* search1(data[key], value);    }  }}

这个函数会遍历对象的所有键,如果键与搜索值匹配,则返回该键对应的值。否则,它会递归地调用自身来搜索嵌套的对象。

立即学习“Java免费学习笔记(深入)”;

接下来,我们可以创建一个 search 函数,它接受一个数据对象和一个搜索值列表作为参数。这个函数会遍历搜索值列表,并对每个值调用 search1 函数。

function* search(data, values) {  for (const value of values)    yield* search1(data, value);}

示例

假设我们有以下数据结构:

const data = {  "tabs-1": {    "test 1": {      "test 2": {        "test 3a": {          "tab1graph1": {            "String a": "value a",            "String b": "value b",            "String c": "value c"          }        },        "test 3b": {          "tab1graph2": {            "String a": "value a",            "String b": "value b",            "String c": "value c"          }        },        "test 3c": {          "tab1graph3": {            "String a": "value a",            "String b": "value b",            "String c": "value c"          }        }      }    }  }};const searchList = ["apple", "testx3", "test 3b", "test 3a"];

我们可以使用以下代码来搜索与 searchList 中的值匹配的对象:

纳米搜索 纳米搜索

纳米搜索:360推出的新一代AI搜索引擎

纳米搜索 30 查看详情 纳米搜索

for (const result of search(data, searchList))  console.log(result);

这将输出以下结果:

{  "tab1graph2": {    "String a": "value a",    "String b": "value b",    "String c": "value c"  }}{  "tab1graph1": {    "String a": "value a",    "String b": "value b",    "String c": "value c"  }}

使用谓词的高阶函数

可以使用高阶函数和谓词来使搜索更加灵活。以下是一个使用谓词的 search 函数的示例:

function* search(data, predicate) {  if (Object(data) === data) {    for (const entry of Object.entries(data)) {      if (predicate(entry))        yield entry[1];      else        yield* search(entry[1], predicate);    }  }}

可以使用以下代码来搜索与 searchList 中的值匹配的对象:

Array.from(  search(    data,    ([key, value]) => searchList.includes(key)  ))

搜索顺序键

有时,需要查找一系列顺序键。例如,可能需要查找 key1 后跟 key2 的对象。为了支持这一点,可以将单个 value 字段更改为 path,它表示一个字符串数组。

function* search1(data, path) {  if (path.length === 0)    yield data;  else if (Object(data) === data) {    for (const key of Object.keys(data)) {      if (key === path[0])        yield* search1(data[key], path.slice(1));      else        yield* search1(data[key], path);    }  }}

然后,可以像这样调用 search 函数:

for (const result of search(data, [  ["test 1", "test 2", "test 3a"], // test 1 -> test 2 -> test 3a  ["test 2", "String a"] // test 2 -> String a]) {  console.log(result);}

总结

本文介绍了如何使用 JavaScript 递归搜索嵌套对象,以查找与给定字符串列表匹配的键。我们探讨了使用生成器函数来实现这一目标,以及如何处理更复杂的需求,例如查找顺序键。通过使用这些技术,可以有效地搜索和提取嵌套对象中的数据。

注意事项:

递归搜索可能会消耗大量资源,特别是对于深度嵌套的对象。在处理大型数据集时,请考虑使用其他方法,例如迭代搜索或索引。确保搜索列表中的值与对象中的键类型匹配。在实际应用中,可以根据具体需求修改和优化这些函数。

以上就是使用 JavaScript 递归搜索嵌套对象以匹配字符串列表的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/310712.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
怎么关闭ThinkPHP的日志记录
上一篇 2025年11月5日 05:16:25
Java中如何捕获和处理线程中断异常
下一篇 2025年11月5日 05:16:36

相关推荐

  • qq浏览器怎么用微信登录 QQ浏览器微信扫码快速登录指南

    qq浏览器怎么用微信登录 QQ浏览器微信扫码快速登录指南qq浏览器怎么用微信登录 QQ浏览器微信扫码快速登录指南qq浏览器怎么用微信登录 QQ浏览器微信扫码快速登录指南qq浏览器怎么用微信登录 QQ浏览器微信扫码快速登录指南

    首先通过电脑QQ浏览器点击微信图标获取二维码,用手机微信扫描并确认登录;或使用手机QQ浏览器扫描电脑端二维码,跳转微信验证后完成授权登录。 如果您在使用QQ浏览器时需要通过微信进行快捷登录,通常会通过扫描二维码的方式实现。以下是完成此操作的具体步骤: 本文运行环境:联想ThinkPad X1 Car…

    2026年9月25日 • 用户投稿
    100
  • laravel怎么清除应用的所有缓存_laravel应用缓存清理方法

    Laravel应用响应异常或配置未生效时,需清除缓存。依次执行php artisan route:clear、config:clear、view:clear和cache:clear命令,可分别清除路由、配置、视图及应用缓存,确保修改生效。 如果您发现 Laravel 应用响应异常或配置更改未生效,可…

    2026年9月25日
    100
  • 今日头条流量消耗太快如何解决_今日头条省流量模式开启攻略

    今日头条流量消耗太快如何解决_今日头条省流量模式开启攻略今日头条流量消耗太快如何解决_今日头条省流量模式开启攻略今日头条流量消耗太快如何解决_今日头条省流量模式开启攻略今日头条流量消耗太快如何解决_今日头条省流量模式开启攻略

    开启极省流量模式并关闭视频自动播放,可有效降低今日头条的移动数据消耗。1、进入“我的”→“系统设置”→“非WiFi网络流量”,选择“极省流量”模式;2、在“播放与网络”中关闭“自动播放视频”和“预加载视频”;3、开启“极速浏览”模式以压缩数据传输;4、定期清理缓存文件提升运行效率;5、利用Wi-Fi…

    2026年9月25日 • 用户投稿
    300
  • 使用 Jackson 进行复杂类的自定义反序列化

    使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化

    本文介绍了如何使用 Jackson 库对包含复杂嵌套类的 JSON 字符串进行自定义反序列化。通过 ObjectMapper 的 readValue 方法可以实现简单场景下的自动反序列化。针对需要定制化处理的场景,可以结合 ObjectMapper 和自定义反序列化器来实现更灵活的反序列化逻辑,并提…

    2026年9月25日 • 用户投稿
    900
  • 灵通资讯字体大小设置方法

    灵通资讯字体大小设置方法灵通资讯字体大小设置方法灵通资讯字体大小设置方法灵通资讯字体大小设置方法

    如何在灵通资讯app中调整字体大小?本文将为您一步步讲解具体操作流程,帮助您快速完成设置,优化阅读舒适度。 1、 启动灵通资讯App后,在首页左上角找到并点击头像图标。 2、 跳转至个人页面后,点击右上角的“设置”图标进入系统选项。 3、 在设置菜单中,选择“字体大小”这一项。 搜狐资讯 AI资讯助…

    2026年9月25日 • 用户投稿
    100
  • 动态缓存键配置:Spring Boot 缓存管理的灵活应用

    动态缓存键配置:Spring Boot 缓存管理的灵活应用动态缓存键配置:Spring Boot 缓存管理的灵活应用动态缓存键配置:Spring Boot 缓存管理的灵活应用动态缓存键配置:Spring Boot 缓存管理的灵活应用

    在 Spring Boot 应用中,使用 @Cacheable 注解可以方便地实现缓存功能。然而,在某些场景下,我们需要根据请求参数动态地生成缓存键,而不是简单地使用固定的键值。虽然 @Cacheable 注解允许通过 key 属性指定 SpEL 表达式来生成缓存键,但有时我们可能需要更灵活的控制,…

    2026年9月25日 • 用户投稿
    200
  • p5.js WebGL性能优化:首帧渲染耗时长的原因与对策

    p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策

    在使用p5.js的WEBGL渲染模式时,首次调用image()函数渲染图片或p5.Graphics对象通常会比后续调用耗时显著增加。这主要是因为第一次渲染时,p5.js需要将图像数据从CPU内存上传到GPU的纹理内存中,涉及内存分配和数据复制,这是一个相对耗时的过程。后续调用由于纹理已被缓存,可以直…

    2026年9月25日 • 用户投稿
    700
  • 为什么不同浏览器对硬件加速的实现存在差异?

    不同浏览器因渲染引擎、图形API及权衡策略差异导致硬件加速表现不同。1. Blink、Gecko、WebKit引擎在图层管理与GPU任务分配上设计不同;2. 各浏览器通过ANGLE等抽象层适配DirectX、Vulkan、Metal,转换开销与支持程度影响性能;3. 厂商在性能、兼容性、稳定性间取舍…

    2026年9月25日
    100
  • 动态缓存键在Spring Boot中的实现教程

    动态缓存键在Spring Boot中的实现教程动态缓存键在Spring Boot中的实现教程动态缓存键在Spring Boot中的实现教程动态缓存键在Spring Boot中的实现教程

    本文介绍了如何在Spring Boot应用中实现基于请求参数的动态缓存键。通过直接操作CacheManager获取缓存对象,并使用cache.get(key, () -> …)方法,可以灵活地根据请求参数生成缓存键,从而实现更精细化的缓存控制。这种方法避免了直接修改缓存名称,而是专…

    2026年9月25日 • 用户投稿
    700
  • sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置

    sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置

    首先安装SublimeLinter和SublimeLinter-eslint插件,确保系统或项目中已安装ESLint;通过npx eslint –init生成配置文件;插件会自动调用项目内的eslint,若未识别可手动设置executable路径;保存JavaScript文件时即可实时显…

    2026年9月25日 • 用户投稿
    000
  • Java 8 使用 Stream API 扁平化嵌套 Map 并提取首个元素

    Java 8 使用 Stream API 扁平化嵌套 Map 并提取首个元素Java 8 使用 Stream API 扁平化嵌套 Map 并提取首个元素Java 8 使用 Stream API 扁平化嵌套 Map 并提取首个元素Java 8 使用 Stream API 扁平化嵌套 Map 并提取首个元素

    本文将详细介绍如何使用 Java 8 的 Stream API 将一个嵌套的 Map 结构进行扁平化处理,并从中提取所需的数据。 具体来说,我们将把 Map<Integer, Map<String, List>> 转换为 Map,其中新 Map 的键是原内部 Map 的键,值…

    2026年9月25日 • 用户投稿
    1200
  • 修改 Android KeyStore 中 KeyPair 的用途

    修改 Android KeyStore 中 KeyPair 的用途修改 Android KeyStore 中 KeyPair 的用途修改 Android KeyStore 中 KeyPair 的用途修改 Android KeyStore 中 KeyPair 的用途

    本文档介绍了如何在 Android KeyStore 中修改现有 KeyPair 的用途,使其支持密钥协商 (Key Agreement) 操作。通过示例代码展示了如何利用 KeyStore.setEntry 方法在 Android 13 (API 33) 及以上版本中导入 KeyPair 并设置所…

    2026年9月25日 • 用户投稿
    600
  • 拼多多官方客服人工服务怎么联系?商家不退款找谁投诉?拼多多人工客服怎么找?商家不退钱投诉无门? 3种官方渠道+高效维权攻略,立即解决!

    拼多多官方客服人工服务怎么联系?商家不退款找谁投诉?拼多多人工客服怎么找?商家不退钱投诉无门? 3种官方渠道+高效维权攻略,立即解决!拼多多官方客服人工服务怎么联系?商家不退款找谁投诉?拼多多人工客服怎么找?商家不退钱投诉无门? 3种官方渠道+高效维权攻略,立即解决!拼多多官方客服人工服务怎么联系?商家不退款找谁投诉?拼多多人工客服怎么找?商家不退钱投诉无门? 3种官方渠道+高效维权攻略,立即解决!拼多多官方客服人工服务怎么联系?商家不退款找谁投诉?拼多多人工客服怎么找?商家不退钱投诉无门? 3种官方渠道+高效维权攻略,立即解决!

    在拼多多购物时,用户和商家都可能遇到订单异常、退款难等困扰。无论是消费者维权,还是商家寻求平台支持,及时联系官方客服是解决问题的关键。本文将全面介绍拼多多人工客服的3种有效联系方式,并针对商家拒退、售后失联等常见难题,提供清晰可行的投诉处理方案,帮助您快速高效地维护权益。 一、拼多多人工客服的3种实…

    2026年9月25日 • 用户投稿
    000
  • 并发处理共享列表并收集结果的方案

    并发处理共享列表并收集结果的方案并发处理共享列表并收集结果的方案并发处理共享列表并收集结果的方案并发处理共享列表并收集结果的方案

    本文旨在介绍如何利用 Java 并行流高效地处理大型列表,尤其是在每个元素的处理过程耗时较长的情况下。并行流能够将列表分割成多个子任务,并在多个线程上并发执行,从而显著提升处理速度。但同时,并发编程也带来了共享资源同步的问题,需要谨慎处理。 使用并行流并发处理列表 假设我们有一个 Foo 类,其 p…

    2026年9月25日 • 用户投稿
    000
  • 淘宝签到红包金额越来越小,如何让它变大?使用范围是什么?3个核心技巧让它翻倍增长

    淘宝签到红包金额越来越小,如何让它变大?使用范围是什么?3个核心技巧让它翻倍增长淘宝签到红包金额越来越小,如何让它变大?使用范围是什么?3个核心技巧让它翻倍增长淘宝签到红包金额越来越小,如何让它变大?使用范围是什么?3个核心技巧让它翻倍增长淘宝签到红包金额越来越小,如何让它变大?使用范围是什么?3个核心技巧让它翻倍增长

    打开淘宝app进入「领红包」页面,不少用户注意到签到红包金额已从原先的3至5元下降至0.5到2元之间。随着平台算法升级,红包金额现由系统基于用户活跃度、消费频率、互动行为等28项指标动态评估并调整。统计显示,在坚持连续签到30天的用户中,高达73%曾遭遇红包金额被削减一半的情况。 一、3大实用技巧助…

    2026年9月25日 • 用户投稿
    300
  • qq浏览器提示Flash版本过低怎么办 QQ浏览器Flash插件过时问题解决方案

    qq浏览器提示Flash版本过低怎么办 QQ浏览器Flash插件过时问题解决方案qq浏览器提示Flash版本过低怎么办 QQ浏览器Flash插件过时问题解决方案qq浏览器提示Flash版本过低怎么办 QQ浏览器Flash插件过时问题解决方案qq浏览器提示Flash版本过低怎么办 QQ浏览器Flash插件过时问题解决方案

    优先通过QQ浏览器内置插件更新Flash,依次检查设置、使用修复工具、排除安全软件干扰,必要时在可信环境手动安装最新版Flash Player并及时卸载以确保安全。 如果您在使用QQ浏览器访问依赖Flash内容的网页时,收到“Flash版本过低”或插件过时的提示,这通常是因为浏览器内置的Flash插…

    2026年9月25日 • 用户投稿
    200
  • 高效并发处理共享列表与结果收集的Java教程

    高效并发处理共享列表与结果收集的Java教程高效并发处理共享列表与结果收集的Java教程高效并发处理共享列表与结果收集的Java教程高效并发处理共享列表与结果收集的Java教程

    本文介绍了如何利用Java并发特性,特别是并行流(Parallel Streams),来高效处理共享列表,并将处理结果进行收集。针对耗时操作,通过将列表分割成子列表,并利用并行流并发执行,可以显著提高处理效率。同时,强调了在并发环境下对共享资源进行同步的重要性,并提供了收集处理结果的示例代码。 在处…

    2026年9月25日 • 用户投稿
    000
  • 夸克网盘怎么创建文件夹_夸克网盘新建文件夹操作步骤

    夸克网盘怎么创建文件夹_夸克网盘新建文件夹操作步骤夸克网盘怎么创建文件夹_夸克网盘新建文件夹操作步骤夸克网盘怎么创建文件夹_夸克网盘新建文件夹操作步骤夸克网盘怎么创建文件夹_夸克网盘新建文件夹操作步骤

    1、可通过网页端、手机App或文件管理路径创建文件夹。网页端登录后点击新建选择文件夹并命名;手机App在网盘页面点击+号选择新建文件夹并命名;进入目标父目录后可创建子文件夹实现层级管理。 如果您希望在夸克网盘中更好地管理文件,创建新的文件夹是实现分类存储的重要操作。通过建立不同用途的文件夹,您可以快…

    2026年9月25日 • 用户投稿
    000
  • 使用并行流并发处理共享列表并收集结果

    使用并行流并发处理共享列表并收集结果使用并行流并发处理共享列表并收集结果使用并行流并发处理共享列表并收集结果使用并行流并发处理共享列表并收集结果

    本文将探讨如何高效地并发处理共享列表,并收集处理结果。在处理大量数据时,将任务分解为多个子任务并行执行可以显著提高效率。Java 8引入的并行流(Parallel Streams)为我们提供了一种简洁而强大的方式来实现这一目标。 并行流简介 并行流是Java 8 Stream API的一个特性,它允…

    2026年9月25日 • 用户投稿
    400
  • 如何在微服务之间共享静态数据

    如何在微服务之间共享静态数据如何在微服务之间共享静态数据如何在微服务之间共享静态数据如何在微服务之间共享静态数据

    微服务架构的本质决定了微服务之间无法直接共享静态变量。正如上面摘要所说,每个微服务都是一个独立的进程,拥有自己的内存空间,静态变量只在其所属的进程内有效。试图在一个微服务中访问另一个微服务的静态变量,就像试图在一个独立的Java程序中访问另一个程序的变量一样,是不可能的。 微服务架构的独立性 微服务…

    2026年9月25日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信