JavaScript 正则表达式精准匹配并包裹花括号、方括号与尖括号标签

本文详解如何使用 JavaScript 正则表达式一次性匹配 {…}、[…] 和三类标签（含嵌套或连续出现场景），并通过 String.prototype.replace() 安全包裹为 …，避免常见转义、全局匹配与相邻标签合并陷阱。

本文详解如何使用 javascript 正则表达式一次性匹配 `{…}`、`[…]` 和 `<...>` 三类标签（含嵌套或连续出现场景），并通过 `string.prototype.replace()` 安全包裹为 `…`，避免常见转义、全局匹配与相邻标签合并陷阱。

在文本处理中，常需识别并统一包装自定义标记语法（如 {变量}、[指令]、）。原始正则 /[.*?]|{.*?}|<.>/ 看似合理，但在 JavaScript 中存在三个关键问题：

字符串字面量中的反斜杠需双重转义：”[” 才能生成正则所需的 [；
缺少全局标志 g：否则仅替换首个匹配项；
未处理连续标签合并：如 {BBBw}{/BBBw} 或 [copd][cc] 应被单个包裹，而非拆分为多个。

✅ 正确正则表达式如下（推荐使用字面量语法，更清晰）：

const tagRegex = /([.*?]|{.*?}|<.*?>)+/g;

该模式核心解析：

(…)：捕获组，确保 + 作用于整个三选一结构；
[(.*?)]：匹配方括号及其内容（非贪婪）；
{(.*?)}：匹配花括号及其内容（注意 { } 在正则中需转义）；
<.>：匹配尖括号及其内容（HTML 标签兼容）；
+：允许连续出现的同类/混合标签被合并匹配（如 [a][b] → 单次匹配）；
g：全局匹配，确保所有目标均被处理。

? 实际应用代码示例：

立即学习“Java免费学习笔记（深入）”；

const input = `Lorem ipsum <key="right_outline"> sed [heal] dolor {sit} amet, {0:%s} consectetur {BBBw}{/BBBw} adipiscing <color=#CC294B></color> elit. Sed [copd][cc] lobortis mauris.`;  const tagRegex = /([.*?]|{.*?}|<.*?>)+/g; const output = input.replace(tagRegex, '<my-tag>$&</my-tag>');  console.log(output); // 输出符合预期：所有标签组均被单个 <my-tag> 包裹

⚠️ 注意事项：

不要用 new RegExp(“…”) 拼接字符串：易因反斜杠转义混乱出错（如 “{.*?}” 实际传入正则引擎的是 {.*?}，丢失转义）；优先使用 /…/g 字面量；
$& 是安全的引用方式：它代表整个匹配字符串，无需担心捕获组编号变化；
此方案不校验标签合法性：例如 {unclosed 或
标签：
dom java javascript prototype regexp String xml 字符串封装正则表达式