正则表达式中的$分组使用示例详解

何方神圣如此猖狂

目录

• 示例 1：简单替换
• 示例 2：逆序姓名
• 示例 3：添加HTML标签

正则表达式中的 $ 符号通常用于表示字符串的结束位置，但当你在替换操作或者某些特殊上下文中提到 $ 后跟数字（如 $1, $2, etc.），这并不表示结束位置，而是引用之前正则表达式捕获组的内容。

以下是使用 $ 引用捕获组的几个示例：

示例 1：简单替换

假设我们有一个字符串，并希望通过正则表达式捕获其中的部分内容，然后在替换时使用这些捕获到的内容。

let text = "Hello, my number is 123-456-7890.";
let pattern = /(\d{3})-(\d{3})-(\d{4})/;
let replacedText = text.replace(pattern, "Phone: $1-$2-$3");
console.log(replacedText);
// 输出: Hello, my number is Phone: 123-456-7890.

在这个例子中，正则表达式 (\d{3})-(\d{3})-(\d{4}) 定义了三个捕获组，分别匹配区号、中间三位和后四位数字。替换时，$1, $2, 和 $3 分别引用这三个捕获组的内容。

示例 2：逆序姓名

如果有一个姓名字符串，格式为 “Lastname, Firstname”，想把它转换为 “Firstname Lastname”。

let fullName = "Doe, John";
let namePattern = /(\w+),\s+(\w+)/;
let reversedName = fullName.replace(namePattern, "$2 $1");
console.log(reversedName);
// 输出: John Doe

这里，$1 引用了姓（Lastname），$2 引用了名（Firstname），在替换字符串中交换了它们的位置。

示例 3：添加HTML标签

给文本中的某些词添加HTML标签，比如加粗关键词。

let content = "This is a sample text with some keywords.";
let keywordPattern = /(keywords)/i;
let highlightedContent = content.replace(keywordPattern, "<strong>$1</strong>");
console.log(highlightedContent);
// 输出: This is a sample text with some <strong>keywords</strong>.

这里，$1 引用了匹配到的关键词，并将其包裹在 <strong> 标签中以加粗显示。

通过这些示例，你可以看到 $ 后跟数字是如何在替换操作中引用之前捕获的组，使得替换操作更加灵活和强大。