JS正则表达式无法完整捕获括号配对包裹子串的问题排查

你的正则无法正确捕获所有目标内容，是三个核心问题导致的：

• 未匹配标识外层的括号，且未处理正则特殊字符：你写的正则(${color})(.*)(${color})只会匹配裸的blue字符串，完全没有把标识前后的()纳入匹配规则，根本定位不到你定义的(blue)配对标签；另外圆括号是正则的特殊元字符，要匹配字面意义的括号，必须用\(、\)做转义。
• 量词默认贪婪匹配导致跨标签吞内容：正则里的.*默认是贪婪模式，会尽可能匹配最长的符合规则的字符串。面对文本里两对(blue)...(blue)的场景，它会从第一个(blue)的起始位置开始，一直匹配到文本里最后一个(blue)才结束，把第一对的闭合标签、中间的普通文本、第二对的开标签全部算进中间的(.*)捕获组里，不会按相邻配对拆分。
• 缺少全局匹配修饰符：JS的String.match()方法在正则不带g修饰符时，只会返回第一个命中的匹配结果和对应捕获组，不会遍历整个文本查找所有符合规则的配对。

把正则调整为转义括号、非贪婪匹配、加全局修饰符的版本即可，如果需要提取每对标签包裹的内容，推荐用matchAll直接获取捕获组：

let color = 'blue';
// 注意字符串中写正则转义反斜杠需要双写，.*? 为非贪婪匹配，g为全局匹配标志
let getColor = new RegExp(`\\(${color}\\)(.*?)\\(${color}\\)`, 'g');
// 提取所有被(blue)配对包裹的子串
let coloredText = [...textTwo.matchAll(getColor)].map(item => item[1]);

修正后正则的匹配逻辑：

1. 精确匹配字面量(blue)作为开标签
2. 用非贪婪的.*?匹配标签中间的内容，碰到最近的(blue)闭标签就停止，不会跨配对匹配
3. 全局遍历整个文本，找出所有符合配对规则的子串

内容的提问来源于stack exchange，提问作者beammeupscottiii