JS正则匹配替换：如何捕获匹配内容并复用生成目标字符串

需求说明 #

原始待处理字符串：

'@test1 in else',
'@test2 in something',

需要提取@后的内容：

test1
test2

期望转换后的结果：

'([@test1])(test1) in else',
'((@test2))(test2) in something',

当前错误写法 #

fileData.replace(/@(\w)+/g, '([' + /@(\w)+/g + '](' + /@(\w)+/g) + ')')

正确解决方案 #

要实现匹配内容的复用，关键是利用正则的捕获组和反向引用：

1. 正则表达式调整为 /@(\w+)/g，其中(\w+)是捕获组，专门存储@后面的目标内容（比如test1、test2）。
2. 在替换字符串中，用$1来引用这个捕获组的内容，$1会自动替换为当前匹配到的捕获组值。

正确代码如下：

fileData.replace(/@(\w+)/g, '([@$1])($1)')

代码解释 #

• /@(\w+)/g：全局匹配所有@开头，后跟一个或多个字母、数字、下划线的字符串，把@后的内容捕获到第1个分组。
• 替换模板'([@$1])($1)'：
  • @$1会替换成@test1/@test2
  • 第一个括号部分变成([@test1])，第二个括号部分直接用$1生成(test1)，完全符合预期格式。

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