JavaScript 嵌套括号内容提取:非正则解决方案

javascript 嵌套括号内容提取:非正则解决方案

本文介绍了一种使用 JavaScript 解析嵌套括号结构,并提取特定内容的方法,该方法不依赖正则表达式,而是通过构建括号树来实现,可以有效处理括号不平衡的情况,并提供灵活的遍历和过滤机制,适用于需要处理复杂嵌套结构的场景。

在处理包含嵌套括号的字符串时,使用正则表达式可能会变得非常复杂,尤其是在括号嵌套层数较深或存在不平衡括号的情况下。本文提供了一种非正则的解决方案,通过构建一个括号树的数据结构来解析字符串,并提供灵活的遍历方法,以便提取所需的信息。

BracketTree 类

核心在于 BracketTree 类,它负责构建和管理括号树。

class BracketTree {    constructor (brackets, string) {        // ...    }    traverse (callback) {        // ...    }}

构造函数接收两个参数:

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

brackets: 一个包含两个字符的字符串,分别表示开括号和闭括号。string: 需要解析的字符串。

traverse 方法接收一个回调函数,用于遍历括号树的每个节点。

构建括号树

BracketTree 类的构造函数主要负责解析字符串,并构建括号树。其核心逻辑在于 parse 函数,它递归地遍历字符串,识别开括号和闭括号,并构建树的节点。

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: 子节点数组。start: 节点在字符串中的起始位置。end: 节点在字符串中的结束位置。opened: 是否有对应的开括号。closed: 是否有对应的闭括号。contents: 节点包含的字符串内容。

遍历括号树

traverse 方法用于遍历括号树的每个节点,并执行回调函数。

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;}

回调函数接收一个参数,包含以下属性:

root: 括号树的根节点。parent: 当前节点的父节点。branch: 当前节点的子节点(如果当前节点是分支节点)。level: 当前节点的深度。nodeId: 当前节点的唯一标识符。childId: 当前节点在其父节点中的索引。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 实例,然后定义了一个 filteredTraverse 函数,用于遍历括号树,并根据指定的过滤器提取内容。filteredTraverse 函数接收三个参数:

caption: 描述过滤器的字符串。leafFilter: 用于过滤叶子节点的回调函数。branchFilter: 用于过滤分支节点的回调函数。

通过不同的过滤器,可以提取不同类型的内容,例如:

忽略不平衡的括号及其所有子节点。忽略不平衡的括号,但包含其子节点。忽略空节点。只显示非空的第一个子节点。

总结

本文提供了一种非正则的解决方案,用于解析包含嵌套括号的字符串。通过构建括号树,可以有效地处理括号嵌套和不平衡的情况,并提供灵活的遍历和过滤机制,以便提取所需的信息。这种方法适用于需要处理复杂嵌套结构的场景,例如解析配置文件、代码或数据。

注意事项:

此方法在处理非常大的字符串时,可能会占用较多内存。可以根据实际需求,对 BracketTree 类进行扩展,例如添加更多的方法来操作括号树。在性能要求较高的场景下,可以考虑使用其他更高效的算法。

以上就是JavaScript 嵌套括号内容提取:非正则解决方案的详细内容,更多请关注创想鸟其它相关文章!

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

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

相关推荐

  • 从对象数组中提取数据并创建新对象的教程

    本文档旨在指导开发者如何从包含对象数组的源对象中提取特定数据,并将其分配给两个新的独立对象。通过示例代码,我们将演示如何使用 ES6 特性来实现这一目标,避免生成多余的数组,并直接访问新对象的属性。 从复杂的数据结构中提取所需信息是编程中常见的任务。当数据以嵌套对象和数组的形式存在时,我们需要一种有…

    2025年12月20日
    000
  • 创建可动态添加 Cypress 命令的自定义命令

    本文旨在指导开发者如何创建一个 Cypress 自定义命令,该命令可以根据用户传入的参数动态地添加 Cypress 操作,并将其链接在一起。文章将提供示例代码,展示如何处理断言,并讨论动态添加命令的复杂性。通过学习本文,你将能够更好地理解 Cypress 自定义命令的创建和使用,从而提高你的测试效率…

    2025年12月20日
    000
  • 解决JavaScript过滤器计数滞后问题:事件时序与代码优化实践

    本文探讨并解决了在网页中更新过滤器计数时,计数器总是滞后一个状态的问题。核心在于理解JavaScript事件循环和DOM更新的时序。通过引入setTimeout延迟计数更新,确保在所有过滤器状态改变完成后再进行统计,并利用toggleClass简化条件类操作,实现了一个实时、准确且代码更简洁的过滤器…

    2025年12月20日
    000
  • 优化前端UI计数器:解决事件时序导致的“滞后一拍”问题

    本文旨在解决前端UI计数器在动态更新时常见的“滞后一拍”问题。通过深入分析事件处理器的执行时序,我们提出利用setTimeout延迟函数执行、以及采用toggleClass优化DOM操作的解决方案。教程将提供详细的代码示例和最佳实践,帮助开发者构建响应更及时、代码更简洁的用户界面。 1. 问题背景:…

    2025年12月20日
    000
  • JavaScript事件处理与UI更新:解决动态筛选器计数滞后问题

    本文深入探讨了在动态筛选场景中,UI计数器更新总是滞后一拍的问题。通过分析JavaScript事件处理机制,揭示了事件执行顺序对UI状态更新的影响。文章提出了利用setTimeout将计数更新函数延迟执行,以确保在DOM状态完全更新后进行计算,并结合toggleClass优化CSS类管理的解决方案,…

    2025年12月20日
    000
  • 前端交互优化:解决动态筛选器计数滞后问题与事件时序管理

    本教程探讨了在前端开发中,动态筛选器计数器显示滞后一个状态的常见问题。通过分析事件执行顺序,我们介绍了如何利用 setTimeout 异步更新机制确保计数的实时准确性,并结合 toggleClass 优化代码,实现更高效、更简洁的UI状态管理,从而提升用户体验。 动态UI更新中的计数滞后问题 在开发…

    好文分享 2025年12月20日
    000
  • 为 Expo 应用添加声音和震动通知

    本文档旨在指导开发者如何在 Expo 应用中集成声音和震动通知功能。通过使用 expo-av 和 react-native 提供的 Vibration API,你可以为你的应用添加更丰富的用户体验。本文将详细介绍如何配置通知处理程序、加载和播放声音文件,以及触发设备震动,并提供示例代码和注意事项,帮…

    2025年12月20日
    000
  • 提取嵌套括号内的特定内容:JavaScript 括号解析教程

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

    2025年12月20日
    000
  • 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

发表回复

登录后才能评论
关注微信