提取嵌套括号内的特定内容:JavaScript 括号解析教程

提取嵌套括号内的特定内容:javascript 括号解析教程

本文旨在提供一个通用的、非正则表达式的解决方案,用于解析包含嵌套括号的字符串,并提取特定部分。通过构建一个括号树,我们可以轻松地遍历和搜索所需的匹配项,即使在存在未闭合括号的情况下也能有效工作。本教程将详细介绍如何使用 BracketTree 类来实现这一目标,并提供多种过滤遍历示例,以满足不同的提取需求。

在处理包含嵌套括号的字符串时,正则表达式可能会变得复杂且难以维护。尤其是在括号嵌套层数不确定,或者存在未闭合括号的情况下,正则表达式的编写和调试会变得非常困难。本文介绍一种基于树形结构的解析方法,可以有效地解决这类问题。

BracketTree 类

BracketTree 类用于构建和遍历括号树。以下是该类的详细说明:

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];        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)            };        }        this.root = parse(0);    }    traverse (callback) {        if (typeof callback != 'function') {            return false;        }        let root = this.root;        let input = root.contents;        let nodeId = 0;        function recurse (parent, level) {            function callbackLeaf (start, end) {                callback({                    root, parent, level,                    nodeId: nodeId++, childId: childId++,                    start, end, contents: input.slice(start, end)                });            }            function callbackBranch (branch) {                return callback({                    root, parent, branch, level,                    nodeId: nodeId++, childId: childId++                });            }            let children = parent.children;            let childId = 0;            if (children.length == 0) {                callbackLeaf(parent.start, parent.end);                return;            }            callbackLeaf(parent.start, children[0].start - children[0].opened);            if (callbackBranch(children[0])) {                recurse(children[0], level+1);            }            for (var i = 0; i < children.length-1; i++) {                callbackLeaf(children[i].end + children[i].closed, children[i+1].start - children[i+1].opened);                if (callbackBranch(children[i+1])) {                    recurse(children[i+1], level+1);                }            }            callbackLeaf(children[i].end + children[i].closed, parent.end);        }        recurse(root, 0);        return true;    }}

构造函数:

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

constructor(brackets, string):接受两个参数,brackets 是一个包含开始和结束括号的字符串,string 是要解析的字符串。如果 brackets 的格式不正确,则返回 null。

方法:

traverse(callback):接受一个回调函数作为参数,用于遍历括号树的每个节点。回调函数接收一个包含节点信息的对象作为参数,包括 root(根节点)、parent(父节点)、branch(当前节点,如果它是分支节点)、level(节点层级)、nodeId(节点ID)、childId(子节点ID)、start(节点开始位置)、end(节点结束位置)和 contents(节点内容)。

使用示例

以下是一些使用 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 实例: 使用包含嵌套括号的字符串创建一个 BracketTree 实例。filteredTraverse 函数: 定义一个 filteredTraverse 函数,用于简化遍历过程。它接受一个标题 caption,以及两个可选的过滤函数 leafFilter 和 branchFilter。leafFilter 用于过滤叶子节点,branchFilter 用于过滤分支节点。遍历示例: 通过调用 filteredTraverse 函数,展示了不同的过滤遍历示例:忽略未闭合括号及其所有子节点: 只处理完全闭合的括号。忽略未闭合括号,但包含其子节点: 处理所有括号,即使它们未完全闭合。忽略空节点: 排除内容为空的括号。只显示非空的第一个子节点: 只显示每个父节点的第一个非空子节点。

注意事项

BracketTree 类假设输入的括号是成对出现的,并且开始和结束括号是不同的。traverse 方法会遍历整个括号树,因此在处理大型字符串时,性能可能会受到影响。回调函数可以根据需要访问节点的信息,并执行相应的操作。

总结

本文介绍了一种使用 BracketTree 类解析包含嵌套括号的字符串的方法。这种方法避免了使用复杂的正则表达式,并且可以有效地处理未闭合括号的情况。通过遍历括号树,可以轻松地提取所需的匹配项,并执行各种操作。该方法在处理需要解析嵌套结构的场景中非常有用,例如解析配置文件、处理编程语言代码等。

以上就是提取嵌套括号内的特定内容:JavaScript 括号解析教程的详细内容,更多请关注创想鸟其它相关文章!

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

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

相关推荐

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

    本文介绍了一种使用 JavaScript 解析包含嵌套括号的字符串的通用方法,通过构建 BracketTree 数据结构,可以方便地遍历和搜索特定模式的括号内容,无需编写复杂的正则表达式,适用于处理不平衡的括号输入。 BracketTree 类:解析和遍历括号结构 当需要从包含嵌套括号的字符串中提取…

    2025年12月20日
    000
  • JavaScript 实现嵌套括号内容提取的专业教程

    本文旨在提供一种使用 JavaScript 处理嵌套括号结构的通用解决方案,该方案不依赖正则表达式,而是通过构建括号树来实现对括号内特定部分内容的提取。这种方法可以有效处理括号不平衡的情况,并提供灵活的遍历和过滤机制,适用于需要处理复杂嵌套结构的场景。 括号树的构建 核心思想是将输入的字符串解析成一…

    2025年12月20日
    000
  • JavaScript 解析嵌套括号:构建 BracketTree 类实现精准匹配

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

    2025年12月20日
    000
  • js 如何用pluck提取对象数组的某个属性

    使用原生javascript的map方法是提取对象数组属性最推荐的方式,它通过遍历数组并对每个元素执行回调函数来生成新数组,代码简洁且符合函数式编程理念;2. lodash库的_.map方法也可实现该功能,尤其在已使用lodash的项目中可提升可读性和链式调用便利性,但需注意_.pluck已被弃用;…

    2025年12月20日
    000
  • javascript闭包怎样保存分页状态

    闭包在javascript中保存分页状态是通过函数作用域使变量在函数执行后仍驻留在内存中,1. 使用iife创建闭包封装分页变量并返回操作方法;2. 闭包可能导致内存泄漏,可通过及时解除引用、避免循环引用、使用weakref来避免;3. 其他保存分页状态的方法包括使用url参数、localstora…

    2025年12月20日 好文分享
    000
  • js如何实现原型链继承

    原型链继承的优缺点是:1. 实现简单,易于理解;2. 父类原型上的方法可被子类实例共享;3. 所有子类实例共享父类原型上的引用类型属性,存在修改污染风险;4. 无法在创建子类实例时向父类构造函数传递参数。其他继承方式包括:1. 构造函数继承,可传递参数且避免属性共享,但无法继承原型方法;2. 组合继…

    2025年12月20日 好文分享
    000
  • JavaScript中异步编程的调试技巧

    调试javascript异步代码的关键在于理解异步执行机制并善用调试工具。1. 使用浏览器异步断点功能,chrome devtools勾选”async”选项可追踪异步流程;2. 插入debugger语句实现代码中断;3. 利用console.log和console.trace…

    2025年12月20日 好文分享
    000
  • JS如何实现路由功能

    JS实现路由的关键是监听URL变化并动态更新页面内容,主要有hash和History API两种方式。1. Hash路由通过监听window.onhashchange事件获取location.hash值,根据不同的hash值渲染对应页面内容,兼容性好但URL中带有#,影响美观。2. History …

    2025年12月20日 好文分享
    000
  • 优化前端计数器:解决事件时序导致的数值滞后问题

    本文旨在解决前端开发中常见的计数器数值滞后问题,特别是在用户交互(如点击筛选器)后,计数显示总是比实际状态少一的现象。核心解决方案包括利用 setTimeout 延迟函数执行以确保DOM更新完成,以及采用 toggleClass 优化条件样式管理,从而实现精确、高效且响应式的计数器更新。 问题背景:…

    2025年12月20日
    000
  • 什么是JS数据结构?数据结构在编程中的作用

    JavaScript数据结构是组织和操作数据的核心方式,直接影响程序性能。除常用的数组和对象外,Set和Map提供去重与灵活键值对存储,队列、栈、链表、树和图等可基于JS实现,适用于不同场景。如Set优化查找去重,链表提升插入删除效率,图处理复杂关系。合理选择结构能显著提升性能,避免卡顿。前端中,D…

    2025年12月20日
    000
  • javascript闭包如何生成唯一计数器

    闭包能生成唯一计数器,因为它通过词法环境的持久化保持内部变量不被销毁,从而实现状态的私有和持续递增;1. 创建外部函数createuniquecounter,在其内部定义私有变量count;2. 返回一个内部函数,该函数每次执行时访问并递增外部函数作用域中的count变量;3. 每次调用create…

    2025年12月20日 好文分享
    000
  • 利用超链接优雅地提交HTML表单

    本文详细介绍了如何将传统的HTML表单提交按钮替换为自定义的超链接,同时保持其提交表单的功能。通过在超链接的onclick事件中嵌入JavaScript代码,我们可以模拟点击隐藏的提交按钮,从而实现表单的正常提交流程。这种方法适用于需要高度定制表单提交外观的场景。 定制化表单提交的需求与挑战 在现代…

    2025年12月20日
    000
  • Redux的基本概念是什么

    redux解决了前端开发中状态管理混乱、数据流不可预测、组件间通信复杂等痛点,其核心是通过store、action、reducer、dispatch和selector协同工作,实现单一数据源、状态只读和纯函数更新,从而让状态变化可追踪、可调试;1. store是全局唯一的状态容器;2. action…

    2025年12月20日
    000
  • js 如何用map将数组元素转换为新格式

    使用array.prototype.map()进行数组元素格式转换的核心在于其回调函数返回新元素,生成新数组而不修改原数组。1. map通过回调函数将每个元素转换为新格式,返回新数组;2. 回调函数可接收元素、索引和原数组,适用于基于位置或全局信息的转换;3. 可在回调内执行复杂逻辑,如条件判断、嵌…

    2025年12月20日
    000
  • JS如何实现第三方登录

    JS实现第三方登录,本质上是利用第三方平台的授权机制,让用户在第三方平台完成身份验证后,将用户信息传递给你的应用。关键在于理解OAuth 2.0协议流程。 解决方案 选择第三方平台: 确定你要支持的第三方登录平台,例如Google、Facebook、GitHub等。每个平台都有自己的开发者文档和AP…

    2025年12月20日
    000
  • js 怎么深拷贝一个对象

    json.parse(json.stringify(obj)) 不能深拷贝一切,它会丢失或转换函数、undefined、symbol、regexp、date等类型,且不支持循环引用;2. 实现真正深拷贝的推荐方法是使用 structuredclone(),它能处理大多数内置对象和循环引用,但不支持函…

    2025年12月20日
    000
  • js 怎么实现翻译功能

    实现javascript翻译功能的核心是调用翻译api并处理其差异与费用问题,1. 选择合适的api如deepl、百度或有道;2. 注册获取api key作为调用凭证;3. 使用fetch或xmlhttprequest发送请求,并通过async/await优化代码可读性;4. 针对不同api返回格式…

    2025年12月20日
    000
  • 什么是useCallback?记忆化的函数

    useCallback用于记忆化函数,避免组件重新渲染时函数引用变化导致子组件不必要的重渲染。它接收函数和依赖数组,仅当依赖项变化时返回新函数实例,常与React.memo配合优化性能,防止闭包陷阱需正确设置依赖,但不应过度使用,因有额外开销,适用于函数作为props传递至优化子组件的场景。 use…

    2025年12月20日
    000
  • js怎么动态创建dom元素

    动态创建dom元素的核心是使用document.createelement()创建元素,再通过appendchild()或insertbefore()将其添加到dom树中;2. 设置元素的文本内容可用textcontent或innerhtml(需注意xss风险),属性可通过element.setat…

    2025年12月20日
    000
  • JS如何实现组件化开发

    js组件化开发的核心是将ui拆分为独立、可复用的模块,以提升代码的可维护性和复用性;1. 可通过原生js使用类或函数封装组件结构、样式与行为,结合模板字符串和事件监听实现,但需手动管理状态与生命周期,适合小型项目或学习;2. 使用react、vue、angular等框架可更高效实现组件化,react…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信