JavaScript 中高效检查数字集合或序列是否存在于另一个数字中

javascript 中高效检查数字集合或序列是否存在于另一个数字中

本文旨在探讨在JavaScript中如何灵活地检查一个数字的组成数字(或数字序列)是否存在于另一个数字中,特别是在传统`includes()`方法和简单正则表达式无法满足需求时。我们将通过动态正则表达式和数组高阶函数,提供两种主要解决方案:一种用于顺序无关的数字集合匹配,另一种用于顺序相关的数字序列匹配,并进一步展示如何扩展到检查整个数组的匹配情况。

在JavaScript开发中,我们有时会遇到一个特殊的需求:判断一个数字(例如 789)的构成数字是否“存在”于另一个更长的数字(例如 7189)中。这里的“存在”可能意味着 789 的所有数字(7、8、9)都可以在 7189 中找到,无论它们的顺序如何;也可能意味着这些数字必须以特定的顺序出现。传统的 Array.prototype.includes() 方法仅适用于精确的值匹配,而简单的正则表达式如 /(123)|(456)|(789)/g 只能匹配连续的子字符串,无法满足这种灵活的数字拆解与匹配需求。

1. 问题背景与传统方法的局限性

考虑以下场景:我们有一个“获胜数字”数组 winArray = [123, 456, 789],以及一个用户输入的数字 mergeUserArray = [7189]。我们希望判断 mergeUserArray 中的数字是否包含了 winArray 中某个数字的所有组成部分。

let winArray = [123, 456, 789];let mergeUserArray = [7189]; // 期望匹配 789// 传统 includes() 方法无法满足需求if (winArray.includes(Number(mergeUserArray))) {    console.log("Number matched"); // 不会匹配,因为 7189 不等于 789} else {    console.log("Number not matched"); // 输出 "Number not matched"}// 简单正则表达式也无法匹配非连续的数字let regxWinArray = /(123)|(456)|(789)/g;// '7189'.match(regxWinArray) 将返回 null

在这种情况下,我们需要一种更精细的匹配策略。

2. 解决方案一:检查数字集合是否存在(顺序无关)

此方法用于判断 winArray 中的某个数字(item)的所有组成数字是否都存在于 mergeUserArray 中的某个数字(what)中,而不关心它们的排列顺序。

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

核心思路:

将数字转换为字符串,以便进行字符级别的操作。为 winArray 中的每个 item,创建一个动态正则表达式 new RegExp([${item}], ‘g’)。这个正则表达式会匹配 item 字符串中包含的任何一个字符。例如,如果 item 是 789,则正则表达式是 /[789]/g,它会匹配 ‘7’、’8′ 或 ‘9’。使用 what.toString().match(regex) 找出 what 中所有符合 regex 的字符。比较匹配到的字符数组的长度与 item 字符串的长度。如果长度相等,则表示 item 的所有组成数字都已在 what 中找到。使用 Array.prototype.some() 方法来检查 winArray 或 mergeUserArray 中是否存在至少一个匹配项。

示例代码:

let winArray = [123, 456, 789];let mergeUserArray = [7189]; // 期望匹配 789let matchFound = winArray.some(item => { // 遍历 winArray 中的每个获胜数字    return mergeUserArray.some(what => { // 遍历 mergeUserArray 中的每个用户数字        const regex = new RegExp(`[${item}]`, 'g'); // 创建动态正则表达式,匹配 item 的任一数字        // 尝试匹配 what 的字符串形式,并检查匹配到的字符数量是否等于 item 的字符数量        // 例如:item = 789, what = 7189        // regex = /[789]/g        // '7189'.match(regex) 会得到 ['7', '8', '9']        // 其长度为 3,与 '789'.length 相等,因此匹配成功        return what.toString().match(regex)?.length === item.toString().length;    });});console.log("顺序无关匹配结果:", matchFound); // 输出: 顺序无关匹配结果: true

3. 解决方案二:检查数字序列是否存在(顺序相关)

此方法在顺序无关的基础上,进一步要求 winArray 中的数字 item 的所有组成数字在 mergeUserArray 中的数字 what 中出现时,它们的相对顺序也必须与 item 相同,并且这些被匹配到的数字拼接后能形成 item。

核心思路:

与方法一相同,创建动态正则表达式 new RegExp([${item}], ‘g’)。使用 what.toString().match(regex) 找出 what 中所有符合 regex 的字符。将匹配到的字符数组使用 join(”) 拼接成字符串。比较拼接后的字符串是否与 item 的字符串形式完全相等。

示例代码:

let winArray = [123, 456, 789];const hasMatchStrict = mergeUserArray => winArray.some(item => {    return mergeUserArray.some(what => {        const regex = new RegExp(`[${item}]`, 'g'); // 匹配 item 的任一数字        // 匹配 what 的字符串形式,并将匹配到的字符拼接        // 例如:item = 789, what = 7189        // '7189'.match(/[789]/g) 得到 ['7', '8', '9']        // ['7', '8', '9'].join('') 得到 '789'        // '789' === '789' 为 true,匹配成功        // 例如:item = 189, what = 1987        // '1987'.match(/[189]/g) 得到 ['1', '9', '8']        // ['1', '9', '8'].join('') 得到 '198'        // '198' === '189' 为 false,不匹配        return what.toString().match(regex)?.join('') === item.toString();    });});console.log("严格顺序匹配 [7189]:", hasMatchStrict([7189])); // 输出: 严格顺序匹配 [7189]: trueconsole.log("严格顺序匹配 [1897]:", hasMatchStrict([1897])); // 输出: 严格顺序匹配 [1897]: false (因为 1897 中没有 189 的顺序)console.log("严格顺序匹配 [12345]:", hasMatchStrict([12345])); // 输出: 严格顺序匹配 [12345]: true (因为 12345 中有 123 的顺序)

4. 扩展:检查 mergeUserArray 中所有值是否匹配

如果我们需要确保 mergeUserArray 中的 所有 数字都能在 winArray 中找到至少一个符合条件的匹配项,我们可以结合 Array.prototype.every() 方法。

核心思路:使用 every() 遍历 mergeUserArray,确保每个元素都能通过 winArray.some(…) 找到一个匹配。这里我们沿用方法一(顺序无关)的匹配逻辑。

示例代码:

let winArray = [123, 456, 789];let mergeUserArrayAll = [7189, 654]; // 期望 7189 匹配 789,654 匹配 456let allMatched = mergeUserArrayAll.every(what => { // 遍历 mergeUserArrayAll 中的每个用户数字    return winArray.some(item => { // 检查它是否能在 winArray 中找到一个匹配        const regex = new RegExp(`[${item}]`, 'g');        return what.toString().match(regex)?.length === item.toString().length;    });});console.log("所有用户数字是否都找到匹配 (顺序无关):", allMatched); // 输出: 所有用户数字是否都找到匹配 (顺序无关): truelet mergeUserArrayPartial = [7189, 100]; // 100 无法匹配 winArray 中的任何数字let allMatchedPartial = mergeUserArrayPartial.every(what => {    return winArray.some(item => {        const regex = new RegExp(`[${item}]`, 'g');        return what.toString().match(regex)?.length === item.toString().length;    });});console.log("所有用户数字是否都找到匹配 (部分匹配):", allMatchedPartial); // 输出: 所有用户数字是否都找到匹配 (部分匹配): false

5. 注意事项与总结

数据类型转换: 在进行正则表达式匹配之前,务必将数字转换为字符串 (.toString())。这是因为正则表达式是针对字符串进行操作的。动态正则表达式: 使用 new RegExp(pattern, flags) 构造函数可以根据变量动态创建正则表达式,这在处理可变匹配模式时非常有用。全局匹配 g 标志: 在正则表达式中使用 g (global) 标志非常重要,它确保 match() 方法能找到所有匹配项,而不仅仅是第一个。可选链操作符 ?.: match() 方法在没有找到任何匹配时会返回 null。使用可选链操作符 ?. 可以安全地访问其属性(如 length 或 join(”)),避免在 null 上调用方法导致错误。some() 与 every():some():只要数组中有一个元素满足条件,就返回 true。适用于“是否存在至少一个匹配”的场景。every():只有数组中所有元素都满足条件,才返回 true。适用于“是否所有元素都匹配”的场景。匹配逻辑的理解:what.toString().match(regex)?.length === item.toString().length 检查的是 item 中的 所有数字 是否都在 what 中出现,不考虑顺序。它本质上是比较两个数字的 字符集合 是否相等。what.toString().match(regex)?.join(”) === item.toString() 检查的是 item 中的 所有数字 是否都在 what 中出现,并且它们在 what 中的 相对顺序 拼接起来后与 item 完全一致。

通过上述方法,我们可以灵活地处理数字集合或序列的匹配需求,超越了简单 includes() 和固定正则表达式的局限性,使得代码在处理此类业务逻辑时更加健壮和高效。选择哪种匹配逻辑取决于具体的业务需求:是只关心数字的存在性(顺序无关),还是也关心它们的排列顺序。

以上就是JavaScript 中高效检查数字集合或序列是否存在于另一个数字中的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
解决网页刷新后暗黑模式图标不同步的问题
上一篇 2025年12月21日 13:40:15
javascript如何实现自动化测试_Selenium和Cypress有什么区别
下一篇 2025年12月21日 13:40:38

相关推荐

  • Flyway多数据库与多环境配置:实现测试与生产环境的灵活迁移管理

    本文深入探讨了Flyway在多数据库和多环境场景下的灵活配置策略,旨在解决开发、开发、测试与生产环境数据库迁移的挑战。文章首先分析了测试环境数据库选择的推荐方案,包括使用与生产一致的数据库服务或Testcontainers。随后,详细阐述了Flyway如何通过分离配置文件、编程化配置以及利用占位符来…

    2026年9月24日
    000
  • 使用正则表达式从JSON数组中提取JSON对象

    本文旨在提供一种使用Java正则表达式从包含多个JSON对象的JSON数组中提取单个JSON对象的方法。我们将详细介绍如何构建合适的正则表达式,并提供示例代码演示如何在Java中使用该表达式来实现JSON对象的提取,并对提取后的字符串进行优化处理,移除不必要的空白字符。 从JSON数组中提取JSON…

    2026年9月24日
    000
  • WPS怎么办批量打印文件_WPS多文档批量打印与队列管理步骤

    使用WPS内置批量打印功能,通过工具→批量处理→批量打印添加文件并设置参数后一键打印;2. 在资源管理器中多选文件右键以WPS打开,再在文件菜单中选择打印所有文档;3. 通过控制面板的设备和打印机进入打印队列,可实时监控、暂停或取消任务,确保批量打印过程稳定可控。 如果您需要在短时间内处理多个WPS…

    2026年9月24日
    400
  • windows8如何取消开机密码_windows8取消开机密码的操作

    1、通过netplwiz取消密码验证并设置自动登录;2、在控制面板中更改密码为空实现无密码开机;3、使用命令提示符执行net user命令清除账户密码,三者均可实现Windows 8.1启动时跳过密码输入。 如果您希望在启动Windows 8系统时跳过手动输入密码的步骤,可以直接通过系统内置工具配置…

    2026年9月24日
    000
  • 赋能AI未来!康盈半导体 AI 应用存储新品登陆 elexcon 2025 展会

    赋能AI未来!康盈半导体 AI 应用存储新品登陆 elexcon 2025 展会赋能AI未来!康盈半导体 AI 应用存储新品登陆 elexcon 2025 展会赋能AI未来!康盈半导体 AI 应用存储新品登陆 elexcon 2025 展会赋能AI未来!康盈半导体 AI 应用存储新品登陆 elexcon 2025 展会

    8 月 26 日,中国电子、嵌入式及半导体先进封测行业的风向标 ——elexcon2025 深圳国际电子展暨嵌入式展盛大开幕。作为本届展会的重磅环节之一,国产存储领军品牌康盈半导体携新而来,以 “小而不凡,速启 ai 未来” 为核心主题,正式发布 2025 年存储新品,同步拉开面向 ai 终端应用的…

    2026年9月24日 用户投稿
    000
  • Java中固定长度用户ID输入验证:解决int类型长度检查问题

    本文详细介绍了在Java程序中如何实现用户输入固定长度ID的验证机制。针对常见的int cannot be dereferenced错误,我们将探讨将ID作为字符串读取并进行长度及格式校验的最佳实践,并提供处理字母数字型和纯数字型ID的示例代码,确保数据输入的准确性和程序的健壮性。 引言:用户输入验…

    2026年9月24日
    500
  • 手机qq浏览器阅读模式怎么退出_手机QQ浏览器退出阅读模式操作方法

    要退出手机QQ浏览器的阅读模式,首先点击页面顶部的“阅读模式已开启”按钮即可立即退出;若无明显开关,可刷新页面或长按刷新强制重新加载;也可通过右上角“更多”菜单选择“退出阅读模式”;为避免再次进入,可在设置中关闭“自动进入阅读模式”功能。 如果您在使用手机QQ浏览器时进入了阅读模式,但希望恢复到原始…

    2026年9月24日
    200
  • 数据实时迁移同步工具 CloudCanal v5.2.0.0 发布,支持 SaaS 全托管

    cloudcanal 免费社区版 是 clougence 公司推出的一款全自研、可视化、自动化数据迁移同步工具,具备 结构迁移、数据迁移、数据同步、数据校验、数据订正 等功能,支持 60+ 款流行关系型数据库、实时数仓、消息中间件、缓存数据库和搜索引擎之间数据互通,其中包含国产数据库 oceanba…

    2026年9月24日
    000
  • 电脑网络连接限制为100Mbps怎么办_网速被限制的解决方法

    首先确认网卡是否支持千兆速率,进入设备管理器查看网络适配器型号并核实规格;接着在网卡属性中将“速度和双工”设置为1.0 Gbps全双工或自动协商;更换符合Cat 5e及以上标准的网线,确保物理连接可靠;检查路由器或交换机端口设置,确保未强制限制为100Mbps;更新或重装网卡驱动程序至最新版本;最后…

    2026年9月24日
    100
  • win10软件不兼容怎么办_win10软件兼容性处理方法

    首先使用兼容性疑难解答工具检测并修复问题,若无效则手动设置兼容模式为Windows 7或8,同时安装必要的Visual C++和.NET运行库,更新显卡等驱动程序,并尝试以管理员身份运行程序。 如果您尝试在Windows 10系统上运行某个软件,但出现“此应用无法在你的电脑上运行”或程序闪退等错误提…

    2026年9月24日
    000
  • 生成Java中全范围正Double随机数的正确方法

    本文旨在指导开发者如何在Java中生成覆盖整个正Double范围的随机数,并解释了使用ThreadLocalRandom.nextDouble(Double.MIN_VALUE, Double.MAX_VALUE)可能产生偏差的原因。我们将提供一种基于位操作的替代方案,确保生成的随机数在Double…

    2026年9月24日
    100
  • 动态表单输入中多答案数据处理教程

    本教程旨在解决Web开发中,如何高效处理包含动态数量答案的表单提交数据,特别是当需要更新现有问题及其关联答案时。文章将详细阐述前端表单的命名策略以及后端PHP如何解析这些动态输入,以准确获取答案内容及其对应的数据库ID,从而实现数据的精准更新,并提供最佳实践建议。 理解动态答案更新的挑战 在构建问答…

    2026年9月24日
    000
  • Java Stream API:从嵌套集合中提取唯一值的两种高效方法

    本文详细介绍了如何利用Java Stream API中的flatMap()和mapMulti()操作,高效地从包含嵌套列表的复杂数据结构(如List中包含List)中提取并收集唯一的元素(如城市名称),替代传统的嵌套循环,提升代码的简洁性和可读性。 在java编程中,我们经常会遇到处理复杂数据结构的…

    2026年9月24日
    100
  • iSlide预览功能如何开启_iSlide预览功能开启的完整指南

    首先确认iSlide插件已正确安装并显示在PowerPoint功能区,若未显示需重新安装;接着进入“iSlide”选项卡,使用“资源库”中主题或图表分类,将鼠标悬停于缩略图以触发预览;如无反应,检查是否已登录账户且网络畅通,避免防火墙限制;随后更新iSlide至最新版本,卸载旧版后从官网下载安装,并…

    2026年9月24日
    200
  • 使用 PHP 解析 JSON 文件并在网页上显示特定数据

    本文旨在帮助开发者学习如何使用 PHP 解析 JSON 文件,并提取其中的特定数据,将其以结构化的方式展示在网页上。我们将通过一个简单的示例,演示如何读取 JSON 数据,解析成 PHP 数组,并最终以 HTML 表格的形式呈现。 PHP 解析 JSON 数据 JSON (JavaScript Ob…

    2026年9月24日
    100
  • 迅雷浏览器怎么开启深色模式_迅雷浏览器夜间模式设置

    开启迅雷浏览器深色模式可减少夜间用眼疲劳,具体方法包括:一、通过浏览器菜单进入设置,选择外观中的深色或夜间主题,或开启“跟随系统”选项实现自动切换;二、在操作系统中启用深色模式(Windows路径为“设置>个性化>颜色”,macOS为“系统设置>通用>外观”),并确保浏览器版本最新以兼容显示;三、若…

    2026年9月24日
    100
  • windows11控制面板在哪里打开_windows11进入传统控制面板的办法

    windows11控制面板在哪里打开_windows11进入传统控制面板的办法windows11控制面板在哪里打开_windows11进入传统控制面板的办法windows11控制面板在哪里打开_windows11进入传统控制面板的办法windows11控制面板在哪里打开_windows11进入传统控制面板的办法

    1、通过Win+R输入control命令可快速打开控制面板;2、任务栏搜索“控制面板”并点击结果即可进入;3、开始菜单中展开“Windows 工具”文件夹可找到控制面板;4、文件资源管理器左侧导航栏下拉选择控制面板;5、桌面新建快捷方式输入explorer shell:ControlPanelFol…

    2026年9月24日 用户投稿
    200
  • PHP Web开发:高效处理动态数量问题答案的表单更新与ID获取

    本教程探讨在PHP Web开发中,如何高效处理具有动态数量答案的问题更新表单。针对需要同时获取答案文本值及其对应ID的场景,文章详细介绍了通过合理设计表单字段命名和利用$_POST超全局变量的键值迭代特性,实现对动态生成答案字段的准确解析和数据提取,确保更新操作的完整性。 问题背景与挑战 在开发问答…

    2026年9月24日
    100
  • win10更新后网络适配器不见了怎么办_win10网卡驱动丢失修复教程

    网络适配器在Win10更新后消失主因是驱动不兼容或丢失,可依次重启检查物理开关、扫描硬件改动、显示隐藏设备并启用、重置网络协议栈、手动更新或回滚驱动解决。 如果您在完成Windows 10系统更新后发现网络适配器无法识别或完全消失,这通常是由于新版本系统与现有驱动程序不兼容、驱动在更新过程中被错误替…

    2026年9月24日
    100
  • qq浏览器怎么看3d网页效果_QQ浏览器体验WebGL 3D网页效果指南

    首先启用QQ浏览器的高速渲染组件并确保其已安装开启,然后将页面切换至极速模式以支持WebGL,接着更新显卡驱动以保障图形渲染正常,最后清除浏览器缓存与重置设置排除故障,按此步骤可解决3D网页黑屏、白屏问题。 如果您尝试在QQ浏览器中查看3D网页效果,但页面无法正常显示或出现黑屏、白屏,可能是由于浏览…

    2026年9月24日
    100

发表回复

登录后才能评论
关注微信