无法使用不同的名称访问正则表达式值答案

【问题标题】：Unable to access regex value using different name无法使用不同的名称访问正则表达式值
【发布时间】：2019-12-08 07:58:08
【问题描述】：

我有下面的正则表达式，

const regex = new RegExp('<(.*)>' + text + '<(.*)>');
renderer.setProperty(node, 'innerHTML', node.innerHTML.replace(regex, '<$1>' + replaceText + '<$2>'));

我需要使用'<$open>'和'<$close>'，而不是使用'<$1>'和'<$2>'

当我尝试更改时，它没有按预期工作。

怎么做？

【问题讨论】：

$open 和 $close 是什么意思？
stackoverflow.com/questions/5367369/…
new RegExp('<(?<open>.*?)>' + text + '<(?<close>.*?)>') 和 '<$<open>>' & '<$<close>>' 替换
完美。谢谢

标签： javascript regex typescript

【解决方案1】：

您的目标似乎是 ECMAScript 2018+ JS 环境。

您可以使用(?<name>pattern) 在模式中定义named capturing groups，并在替换模式中使用$<name> 命名替换反向引用 来引用使用命名组捕获的字符串。

您也可以使用一些增强代码

const regex = new RegExp('<(?<open>[^>]+)>' + text.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + '<(?<close>[^>]+)>');
renderer.setProperty(node, 'innerHTML', node.innerHTML.replace(regex, '<$<open>>' + replaceText.replace(/\$/g, '$$$$') + '<$<close>>'));

注意事项

(?<open>[^>]+) 匹配打开标签并将其捕获到 open 命名组中，(?<close>[^>]+) 将关闭标签捕获到 close 命名组中，[^>]+ 模式：除 > 之外的 1 个或多个字符
text.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') 用于转义 text 中的任何特殊字符
replaceText.replace(/\$/g, '$$$$') 是正确处理 $1 所必需的，就像替换文本中的文字字符串一样。

【讨论】：