JS中使用正则查找替换为指定前缀复杂表达式包裹花括号的方法

需求为对多行混合文本做处理，将所有以abc.efg.bar.、abc.xyz.bar.开头的表达式整体用双花括号{{}}包裹。
原有正则实现仅能匹配由字母、数字、下划线、连字符组成的简单属性路径，遇到带$的标识符、函数调用括号、方括号属性选择、带引号的选择参数时，会提前截断匹配，导致复杂表达式包裹不全；同时原有正则存在分组逻辑错误，会误匹配不带.bar前缀的路径（如abc.xyz.role）。

原有问题代码：

const MY_REGEX = /"?(?<![a-zA-Z0-9-_])((?:abc\.(efg|xyz\.bar))(?:\.[a-zA-Z0-9-_]*)+)"?/gm
someInput.replace(MY_REGEX, '{{$1}}')

简单测试场景表现：

const input = 'abc.efg.bar.name.first, abc.xyz.role, non.captured.term' 
// 原逻辑输出: {{abc.efg.bar.name.first}}, {{abc.xyz.role}}, non.captured.term
// 注：abc.xyz.role不符合"abc.(efg|xyz).bar."开头的规则，属于误匹配

复杂场景匹配失效表现：

const input = 'abc.xyz.bar.$func(foos[param[name="primary" and bool=true]].param[name="new"].multiValue)' 
// 原逻辑实际输出: {{abc.xyz.bar.}}$func(foos[param[name="primary" and bool=true]].param[name="new"].multiValue)
// 预期输出: {{abc.xyz.bar.$func(foos[param[name="primary" and bool=true]].param[name="new"].multiValue)}}

使用支持括号配对、引号内容跳过的正则，覆盖复杂表达式场景，同时修正前缀匹配逻辑，严格对齐需求规则：

// 适配JS环境的正则，支持嵌套括号、方括号，自动跳过引号内内容避免配对错误
const MATCH_EXPR = /(?<![a-zA-Z0-9-_])abc\.(?:efg|xyz)\.bar(?:\.(?:\$?[a-zA-Z0-9-_]+|\((?:[^()"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:[^()"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')*\)|\[(?:[^\[\]"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\[(?:[^\[\]"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')*\])*\)|\[(?:[^\[\]"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:[^()"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')*\)|\[(?:[^\[\]"']|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')*\])*\]))+/gm

// 替换调用
const result = someInput.replace(MATCH_EXPR, '{{$&}}')

正则逻辑说明 #

• 前置负向断言(?<![a-zA-Z0-9-_])：避免匹配到其他长标识符的尾部（如xabc.efg.bar.xxx不会被误识别）
• 前缀匹配段abc\.(?:efg|xyz)\.bar：严格匹配要求的开头规则，修复原正则分组错误导致的漏匹配、误匹配问题
• 后续表达式匹配段支持三类合法语法：
  • 普通属性/方法名：支持$开头，后续可接字母、数字、下划线、连字符
  • 函数调用()：自动配对圆括号，跳过括号内的单/双引号字符串（支持转义引号），支持括号嵌套
  • 下标/属性选择[]：自动配对方括号，跳过内部引号内容，支持嵌套方括号、圆括号

验证结果 #

• 简单场景：仅匹配符合前缀规则的路径，不会误匹配abc.xyz.role这类不带.bar的内容
• 复杂场景：可完整匹配带函数调用、嵌套方括号、引号参数的长表达式，输出结果完全符合预期

// 复杂场景测试
const complexInput = 'abc.xyz.bar.$func(foos[param[name="primary" and bool=true]].param[name="new"].multiValue)'
console.log(complexInput.replace(MATCH_EXPR, '{{$&}}'))
// 输出：{{abc.xyz.bar.$func(foos[param[name="primary" and bool=true]].param[name="new"].multiValue)}}

如果业务中表达式存在其他边界字符（如运算符、分号等），可根据实际语法规则在正则中补充对应终止判断即可。

内容的提问来源于stack exchange，提问作者baba-dev