正则表达式中的 $
符号通常用于表示字符串的结束位置,但当你在替换操作或者某些特殊上下文中提到 $
后跟数字(如 $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>
标签中以加粗显示。
通过这些示例,你可以看到 $
后跟数字是如何在替换操作中引用之前捕获的组,使得替换操作更加灵活和强大。