JavaScript 解析嵌套括号:构建 BracketTree 类实现精准匹配

javascript 解析嵌套括号:构建 brackettree 类实现精准匹配

本文旨在提供一种使用 JavaScript 解析包含嵌套括号的字符串的通用方法,通过构建 BracketTree 类,能够有效地处理不平衡的括号输入,并遍历树结构以查找特定模式的匹配项,无需复杂的正则表达式即可实现精准匹配。

BracketTree 类:解析嵌套括号的利器

正则表达式在处理嵌套结构时常常显得力不从心,容易出现匹配错误。BracketTree 类提供了一种更可靠的解决方案,它通过将字符串解析成树形结构,从而能够轻松地处理嵌套的括号,即使括号不平衡也能正确解析。

构造函数

BracketTree 类的构造函数接收两个参数:brackets(包含开始和结束括号的字符串)和 string(需要解析的字符串)。

class BracketTree {    constructor (brackets, string) {        if (typeof brackets != 'string' || brackets.length != 2 || brackets[0] == brackets[1]) {            return null;        }        let opening = brackets[0];        let closing = brackets[1];        // ... 内部解析函数 ...    }}

构造函数首先进行参数校验,确保 brackets 是一个包含两个不同字符的字符串。然后,它定义了内部的 parse 函数,用于递归地解析字符串并构建树形结构。

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

内部解析函数 parse

parse 函数是 BracketTree 的核心,它接收一个起始位置 start 作为参数,并递归地解析字符串,构建一个表示括号结构的树形对象。

function parse (start) {    let children = [];    let pos = start;    loop: while (pos < string.length) {        switch (string[pos]) {            case opening:                let child = parse(pos + 1);                children.push(child);                if (child.end == string.length) {                    break loop;                }                pos = child.end;                break;            case closing:                if (start == 0) {                    children = [{                        children, start, end: pos, opened: false, closed: true,                        contents: string.slice(0, pos)                    }];                }                else {                    return {                        children, start, end: pos, opened: true, closed: true,                        contents: string.slice(start, pos)                    };                }        }        pos++;    }    return (start == 0)? {        children, start, end: string.length, opened: false, closed: false,        contents: string    }: {        children, start, end: string.length, opened: true, closed: false,        contents: string.slice(start)    };}

parse 函数遍历字符串,遇到开始括号时递归调用自身,创建一个子节点并添加到当前节点的 children 数组中。遇到结束括号时,返回一个包含子节点信息的对象。如果括号不平衡,parse 函数会尽力构建尽可能完整的树形结构。

traverse 方法:遍历树形结构

BracketTree 类还提供了一个 traverse 方法,用于遍历构建好的树形结构,并对每个节点执行回调函数。

traverse (callback) {    if (typeof callback != 'function') {        return false;    }    let root = this.root;    let input = root.contents;    let nodeId = 0;    function recurse (parent, level) {        // ... 内部递归函数 ...    }    recurse(root, 0);    return true;}

traverse 方法接收一个回调函数 callback 作为参数,该函数将在每个节点上被调用。traverse 方法使用内部的 recurse 函数进行递归遍历。

使用示例

以下是一个使用 BracketTree 类的示例:

let input = 'NOT OPENED {3}2}1}***{avatarurl {id {message}}} blah blah blah {1{2{3} NOT CLOSED';let tree = new BracketTree('{}', input);function filteredTraverse (caption, leafFilter, branchFilter) {    console.log(`${'-'.repeat(29 - caption.length/2)} ${caption} `.padEnd(60, '-'));    leafFilter ??= () => true;    branchFilter ??= () => true;    tree.traverse((args) => {        if (args.branch) {            return branchFilter(args);        }        if (leafFilter(args)) {            console.log(`${'  '.repeat(args.level)}`);        }    });}filteredTraverse(    'Ignore unbalanced and all their descendants',    null,    ({branch}) => branch.opened && branch.closed);filteredTraverse(    'Ignore unbalanced but include their descendants',    ({parent}) => parent.opened == parent.closed);filteredTraverse(    'Ignore empty',    ({start, end}) => start != end);filteredTraverse(    'Show non-empty first children only',    ({childId, start, end}) => childId == 0 && start != end);

这段代码首先创建了一个 BracketTree 对象,然后定义了一个 filteredTraverse 函数,该函数使用 traverse 方法遍历树形结构,并根据提供的过滤器输出特定节点的信息。

总结

BracketTree 类提供了一种强大的方法来解析包含嵌套括号的字符串。与正则表达式相比,它更易于理解和维护,并且能够更好地处理不平衡的括号。通过使用 BracketTree 类,您可以轻松地提取和处理嵌套结构中的信息,从而简化您的 JavaScript 代码。在需要处理复杂嵌套结构的场景下,BracketTree 类是一个值得考虑的替代方案。

以上就是JavaScript 解析嵌套括号:构建 BracketTree 类实现精准匹配的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 10:31:49
下一篇 2025年12月20日 10:32:12

相关推荐

  • 使用 jQuery 隐藏不包含特定文本的父元素

    本文旨在指导开发者使用 jQuery 隐藏那些子元素指定的父元素,但父元素本身不包含特定文本的情况。通过结合 jQuery 的选择器、`parent()` 方法以及 `not()` 方法,我们可以高效地筛选并操作 DOM 元素,实现根据文本内容动态调整页面显示效果。本文将提供详细的代码示例和解释,帮…

    2025年12月20日
    000
  • JavaScript中的代码重构有哪些常见技巧和最佳实践?

    JavaScript代码重构的核心目标是提升代码的可读性、可维护性和可扩展性。通过提取函数将独立逻辑封装,避免重复代码;用常量替代魔法值以增强可配置性;简化条件判断减少嵌套,提高清晰度;利用默认参数和解构赋值优化函数调用;合并重复代码并抽象公共逻辑;改进变量命名使意图明确;采用箭头函数、数组方法和模…

    2025年12月20日
    000
  • JavaScript设计模式进阶

    掌握JavaScript设计模式进阶需理解对象、函数与闭包的灵活运用。1. 创建型模式如工厂、抽象工厂、构造器和单例,解决对象创建的复杂性与解耦;2. 结构型模式如装饰器、适配器和代理,优化类与对象的结构关系,提升扩展性;3. 行为型模式如观察者、策略、迭代器和命令,规范对象间通信与职责分配;4. …

    2025年12月20日
    000
  • JavaScript中的代码混淆和压缩有哪些原理和工具?

    代码混淆与压缩通过去除冗余、缩短变量名、加密字符串等手段减小体积并增加逆向难度,常用工具如Terser用于压缩,JavaScript Obfuscator用于混淆,建议生产环境结合使用以平衡性能与安全。 JavaScript的代码混淆和压缩是为了减小文件体积、提升加载速度,同时增加反向工程的难度。虽…

    2025年12月20日
    000
  • 深入理解与避免JavaScript中的“浮动”Promise

    本文深入探讨JavaScript中“浮动”Promise的概念、成因及其对异步编程链式操作的影响。通过示例代码,详细解释了何时需要从`then`回调中返回Promise对象,以及如何通过规范的返回机制或`async/await`模式来确保Promise链的完整性和可追踪性,从而避免潜在的异步逻辑问题…

    2025年12月20日
    000
  • 使用正则表达式从结构化文本中高效提取姓名信息

    本文旨在提供一个使用正则表达式从特定格式的文本中提取姓名信息的教程。我们将探讨如何利用正则表达式的捕获组和匹配模式,精准识别并分离如“姓名 • • • • • 姓氏”这类结构化数据,并给出详细的javascript代码示例,帮助读者高效处理类似数据提取任务。 在日常的数据处理任务中,我们经常需要从非…

    2025年12月20日
    000
  • JavaScript字符串解析:利用函数动态替换特定模式

    本文探讨了在JavaScript中如何高效地解析字符串,并将其中特定模式(如括号内内容)通过自定义函数进行动态替换。我们将介绍两种主要方法:一是结合正则表达式和`eval()`函数构建动态模板字符串,二是利用`String.prototype.replace()`方法配合回调函数直接处理匹配项,旨在…

    2025年12月20日
    000
  • 在微前端架构中,JavaScript如何实现应用间的隔离与通信?

    微前端通过沙箱机制、动态作用域绑定和资源隔离实现JS环境独立,避免全局污染;利用事件总线、共享状态、URL参数和浏览器原生能力实现应用间通信,确保协作灵活安全。 在微前端架构中,JavaScript 实现应用间隔离与通信的核心在于避免全局污染、控制资源访问以及建立清晰的交互机制。以下是具体实现方式。…

    2025年12月20日
    000
  • JavaScript Shadow DOM封装

    Shadow DOM 是 Web Components 的核心技术,通过 attachShadow() 方法将隔离的 DOM 树挂载到宿主元素上,实现样式和结构的封装,防止全局样式污染与 DOM 冲突。其支持 open 和 closed 两种模式,分别允许或限制外部访问影子根;内部样式默认不泄露,可…

    2025年12月20日
    000
  • JavaScript PWA开发实战

    PWA通过HTTPS、Web App Manifest和Service Worker实现离线可用与安装功能,使用JavaScript注册Service Worker缓存资源,配置manifest.json定义应用信息,并监听beforeinstallprompt事件支持添加到主屏,结合推送API可增…

    2025年12月20日
    000
  • 将包含货币符号的字符串转换为数字的正确方法(JavaScript)

    本文旨在解决JavaScript中将包含货币符号(如美元符号`$`)和逗号的字符串转换为数字时遇到的问题。我们将探讨如何使用`replace()`方法移除这些非数字字符,并使用`parseFloat()`将处理后的字符串安全地转换为浮点数,确保数值计算的准确性。本文将提供详细的步骤和示例代码,帮助开…

    2025年12月20日
    000
  • JavaScript计时器中MM:SS格式解析陷阱与parseInt的正确使用

    本文探讨了javascript计时器在处理“mm:ss”格式时间限制时,因`parseint`方法不当使用导致的常见问题。当字符串包含非数字字符时,`parseint`会截断解析,导致计时器提前停止。教程将详细解释这一机制,并提供通过`split()`方法精确解析分钟和秒数,从而正确设置计时器上限的…

    2025年12月20日
    000
  • 如何在React组件中有效使用字符串格式的CSS样式

    在react组件中直接应用字符串格式的css样式面临挑战。本文将探讨多种解决方案,包括通过css解析和前缀化实现样式隔离、利用web components的shadow dom进行原生样式封装,以及使用iframe创建完全独立的样式环境,旨在帮助开发者根据具体需求选择最合适的策略。 理解挑战 在Re…

    2025年12月20日
    000
  • 使用正则表达式查找特定子字符串后的字符串

    本文旨在介绍如何使用正则表达式从字符串中提取特定子字符串后的内容,特别是针对类似 “Name • • • • • Surname” 这种格式的数据。文章将提供一个实用的代码示例,帮助读者理解如何利用正则表达式匹配姓名和姓氏,并提取所需信息。 在处理文本数据时,经常需要从特定模…

    2025年12月20日
    000
  • 修复 JavaScript 计时器秒数处理错误:一份详细教程

    本文档旨在解决 JavaScript 计时器在处理秒数时遇到的问题,尤其是在从倒计时切换到正计时模式后。通过分析问题代码,我们将深入探讨 `parseInt()` 函数的特性以及如何正确地从计时器元素中提取分钟和秒数,并提供修复后的代码示例,确保计时器能够准确运行。 问题分析 原始代码在获取计时器上…

    2025年12月20日
    000
  • React Router Switch组件中路由匹配优先级深度解析与最佳实践

    本文深入探讨了react router中`switch`组件的路由匹配机制,特别是在处理包含动态参数(如`:id`)和固定路径(如`/confirm`)的路由时可能遇到的陷阱。`switch`组件会渲染其子路由中第一个匹配当前url的路由,这导致了路由顺序和特异性至关重要。文章提供了明确的解决方案:…

    2025年12月20日
    000
  • React组件异步数据加载与渲染策略

    本文深入探讨了在React组件中处理异步数据加载时常见的渲染问题。当组件尝试在API数据尚未完全获取之前渲染时,可能导致UI崩溃。文章将详细解释这一现象的原因,并提供多种有效的解决方案,包括使用条件渲染、加载状态管理以及React生命周期钩子`useEffect`的正确应用,确保组件在数据准备就绪后…

    2025年12月20日 好文分享
    000
  • 使用正则表达式从特定子字符串后提取目标字符串

    本文详细介绍了如何利用正则表达式从结构化文本中高效提取特定信息,例如从包含姓名和姓氏并由独特分隔符连接的字符串中,准确捕获姓名和姓氏。通过解析输入模式、构建捕获组以及使用全局匹配,读者将学会如何编写健壮的正则表达式来解决类似的数据提取问题,并提供了具体的javascript代码示例。 在处理从非结构…

    2025年12月20日
    000
  • Axios拦截器实现访问令牌自动刷新

    本文详细介绍了如何利用axios拦截器机制,自动处理因访问令牌过期导致的403未授权错误。通过在http响应拦截器中捕获403状态码,触发令牌刷新流程,并使用新令牌重试原始请求,从而实现无缝的用户认证体验,避免用户频繁重新登录。 访问令牌自动刷新机制概述 在现代Web应用中,为了保障安全性,访问令牌…

    2025年12月20日
    000
  • Mongoose自引用模型中高效查询顶层文档的最佳实践

    本文探讨了在mongoose自引用模型中,如何高效地查询未被其他文档引用为回复的原始帖子。针对传统查询的复杂性,教程建议通过在mongoose schema中引入一个布尔字段来明确标识文档的类型(如是否为回复),从而简化查询逻辑,显著提升查询性能和代码可维护性,提供了一种更优雅、更具扩展性的解决方案…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信