0

0

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

心靈之曲

心靈之曲

发布时间:2025-08-22 18:24:01

|

683人浏览过

|

来源于php中文网

原创

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

本文介绍了一种使用 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;
    }
}

构造函数:

  • 接受两个参数:brackets (包含开始和结束括号的字符串,例如 '{}') 和 string (要解析的字符串)。
  • 验证 brackets 参数的有效性,确保它是一个包含两个不同字符的字符串。
  • 调用 parse 函数,该函数递归地解析字符串并构建树结构。
  • this.root 存储解析后的树的根节点。

parse 函数:

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

Pixso AI
Pixso AI

Pixso AI是一款智能生成设计稿工具,通过AI一键实现文本输入到设计稿生成。

下载
  • 递归函数,用于解析字符串并构建树结构。
  • 维护一个 children 数组,用于存储当前节点的子节点。
  • 遍历字符串,当遇到开始括号时,递归调用 parse 函数来解析子树。
  • 当遇到结束括号时,返回一个包含子节点、开始位置、结束位置和内容的节点对象。
  • 处理括号不平衡的情况。

traverse 函数:

  • 接受一个回调函数作为参数,用于遍历树的每个节点。
  • 递归地遍历树,并对每个节点调用回调函数。
  • 回调函数接受一个包含节点信息的对象作为参数,例如 root、parent、level、nodeId、childId、start、end 和 contents。

使用示例

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)}<${args.contents}>`);
        }
    });
}

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 类来解析包含嵌套括号的字符串,并使用 traverse 函数来遍历树的每个节点。 filteredTraverse 函数提供了一些示例,展示了如何使用不同的过滤器来选择要处理的节点。

代码解释:

  1. 创建 BracketTree 实例: 使用包含嵌套括号的字符串和括号类型创建 BracketTree 实例。
  2. 定义 filteredTraverse 函数: 此函数用于简化树的遍历和过滤。它接受一个标题、一个叶子节点过滤器和一个分支节点过滤器作为参数。
  3. 使用不同的过滤器进行遍历: 代码使用 filteredTraverse 函数和不同的过滤器来遍历树,并打印出符合条件的节点的内容。

注意事项

  • BracketTree 类可以处理括号不平衡的情况,但需要根据具体需求编写相应的过滤器来处理这些情况。
  • traverse 函数的回调函数可以访问节点的各种信息,例如父节点、层级、节点 ID、子节点 ID、开始位置、结束位置和内容。
  • 可以根据具体需求编写不同的过滤器来选择要处理的节点。

总结

BracketTree 类提供了一种灵活且强大的方法来解析和遍历包含嵌套括号的字符串。 通过构建树状结构,可以轻松地搜索和提取所需的括号内容,而无需编写复杂的正则表达式。 这种方法特别适用于处理括号不平衡的情况,并可以根据具体需求进行定制。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

515

2023.06.20

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

251

2023.07.05

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

748

2023.07.05

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

215

2023.08.11

正则表达式空格
正则表达式空格

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

351

2023.08.31

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

293

2023.11.13

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

236

2023.11.17

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

532

2023.12.06

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP基础入门课程
PHP基础入门课程

共33课时 | 2万人学习

前端系列快速入门课程
前端系列快速入门课程

共4课时 | 0.4万人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号