如何在JavaScript中使用正则表达式替换字符串？

给定以下字符串、对象和期望输出：

const str = "$(role.name) is $(role) team. $(role.name) started his role as $(role)"

const obj = {
  role: 'Dev',
  'role.name': 'Foo',
}

const expected = "Foo is Dev team. Foo started his role as Dev"

我现在用这个正则提取匹配项：

const data = str.match(/\$\((.*?)\)/g)

请问怎么用正则实现完整的替换，得到expected的结果？

解决办法 #

直接用replace结合正则搞定 #

你当前的match只是提取了所有$(xxx)格式的片段，但没有完成替换操作。用String.replace()就能一步实现需求：

const result = str.replace(/\$\((.*?)\)/g, (_, key) => obj[key]);

console.log(result); // 输出：Foo is Dev team. Foo started his role as Dev

原理说明 #

• 正则/\$\((.*?)\)/g：全局匹配所有$(...)格式的内容，(.*?)是非贪婪捕获，会精准抓取括号内的role.name或role文本。
• 替换回调函数的第二个参数key就是捕获到的括号内的键名，直接用它去obj中取值即可完成替换。

特殊场景兼容（键名含正则特殊字符） #

如果你的键名里包含.、*这类正则特殊字符，或者存在长短键冲突（比如role和role.name），可以通过以下方式处理：

// 转义正则特殊字符的工具函数
function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

// 把对象键按长度从长到短排序，确保长键优先匹配
const sortedKeys = Object.keys(obj).sort((a, b) => b.length - a.length);
// 生成匹配所有目标键的正则
const regex = new RegExp(`\\$\\(${sortedKeys.map(escapeRegExp).join('|')}\\)`, 'g');

const result = str.replace(regex, match => obj[match.slice(2, -1)]);

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