如何利用正则捕获组高效替换含占位变量的字符串？

你需要把带$1、$2这类正则捕获组占位符的字符串，替换成对应捕获到的实际值来生成目标字符串，目前用循环逐个替换的方式可行，但有几个更简洁高效的实现思路：

方案1：用String.replace()的函数参数一次替换 #

直接写正则匹配所有$数字格式的占位符，在替换函数里根据数字索引取对应捕获值，一次完成所有替换，不用循环。

const line = "Full name: John Doe"
const sourcePattern = /Full name: (.*) (.*)/
let queryString = 'name=$1&lname=$2'
const matches = line.match(sourcePattern)

// 去掉matches里第一个元素（整个匹配的完整字符串）
matches.shift()

// 匹配所有$+数字的占位符，替换为对应捕获值
queryString = queryString.replace(/\$(\d+)/g, (_, indexStr) => {
  const index = parseInt(indexStr) - 1 // 捕获组从1开始，数组索引从0开始
  return matches[index] || '' // 防止索引越界，返回空字符串兜底
})

console.log(queryString) // 输出：name=John&lname=Doe

方案2：replaceAll()配合映射对象批量替换 #

先把占位符和对应捕获值做成键值对映射，再遍历映射批量替换，代码可读性高，适合占位符较多的场景。

const line = "Full name: John Doe"
const sourcePattern = /Full name: (.*) (.*)/
let queryString = 'name=$1&lname=$2'
const matches = line.match(sourcePattern)
matches.shift()

// 生成占位符到捕获值的映射
const placeholderMap = matches.reduce((map, value, idx) => {
  map[`$${idx + 1}`] = value
  return map
}, {})

// 批量替换所有占位符
for (const [placeholder, value] of Object.entries(placeholderMap)) {
  queryString = queryString.replaceAll(placeholder, value)
}

console.log(queryString) // 输出：name=John&lname=Doe

方案3：直接用源正则一步生成目标字符串 #

如果你的需求是从源字符串直接生成带捕获值的目标字符串，完全可以跳过单独处理matches数组的步骤，直接用源正则的replace方法完成替换，这是最简洁的方式。

const line = "Full name: John Doe"
const sourcePattern = /Full name: (.*) (.*)/
const queryString = line.replace(sourcePattern, 'name=$1&lname=$2')

console.log(queryString) // 输出：name=John&lname=Doe

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