正则表达式中的$分组使用示例介绍_F11 - 专业站长和开发者的学习网站

正则表达式中的 $ 符号通常用于表示字符串的结束位置，但当你在替换操作或者某些特殊上下文中提到 $ 后跟数字（如 $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 分别引用这三个捕获组的内容。

如果有一个姓名字符串，格式为 “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），在替换字符串中交换了它们的位置。

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

let content = "This is a sample text with some keywords.";

let keywordPattern = /(keywords)/i;

let highlightedContent = content.replace(keywordPattern, "$1");

console.log(highlightedContent);

// 输出: This is a sample text with some keywords.

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

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