JavaScript 正则表达式分组替换

正则表达式是一种强大的文本匹配工具，它可以在字符串中查找特定的模式并进行编辑、替换等操作。其中，分组是正则表达式中常用的特性，通过分组可以指定一组匹配规则，并对匹配到的内容进行相应的处理。

在 JavaScript 中，我们可以使用 replace() 方法实现正则表达式的替换操作，同时也可以利用分组来方便地进行内容的修改和替换。

分组替换基本语法

分组替换的基本语法为：

str.replace(/pattern(replacement)/g, function(match, group1, ...) {
    // 处理匹配到的内容
    return replacement;
})

其中，

• /pattern/ 是正则表达式的匹配规则；
• (replacement) 是分组捕获的内容，我们可以在后面的函数中使用 $1、$2 等来获取分组内容；
• g 标志表示全局匹配，会对整个字符串中所有匹配的内容进行替换；
• function(match, group1, ...) 是对匹配到的内容进行处理的回调函数；
• return replacement 表示替换后的新内容。

示例

假设我们有一段文本：

const str = "Hello, my name is {{name}} and I am a {{job}}.";

我们想将其中的 {{name}} 和 {{job}} 替换为它们对应的值：

const obj = { name: "Tom", job: "developer" };

我们可以使用如下代码实现：

const replaced = str.replace(/{{(.*?)}}/g, function (match, group1) {
    return obj[group1];
});

console.log(replaced); // Hello, my name is Tom and I am a developer.

此处的正则表达式 /{{(.*?)}}/g 匹配的是 {{}} 包裹的内容，其中 .*? 表示任意字符（包括空格和换行符）的非贪婪匹配，使得匹配结果尽可能短。

在回调函数中，我们通过 obj[group1] 来获取分组捕获的内容，并进行相应的替换操作。

小结

JavaScript 正则表达式分组替换是一种非常方便的文本处理技巧，可以用于字符串替换、格式化等多种场景。我们可以通过分析匹配规则并利用分组捕获功能，在替换时进行针对性的处理，使得替换操作更为灵活和高效。