本文详解如何使用 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 或
中的 > 可能导致过早截断——若需严格解析 HTML/XML，应改用 DOM 解析器而非正则； - 空格与换行处理：正则默认不忽略空白符。若源字符串中 {BBBw} 与 {/BBBw} 间含换行符（如 { BBBw}{/BBBw}），当前模式仍可匹配（因 .*? 匹配任意字符，包括换行）。如需排除换行，可改用 [^}]*? 等更精确的否定字符类。
总结：该正则方案简洁高效，适用于预定义格式的轻量级模板标记处理。掌握 g 标志、正确转义及捕获组 + 合并技巧，即可稳健实现多类型标签的批量封装。
