正則表達式中的$分組使用示例詳解

更新時間：2024年05月14日 12:00:58 作者：前端羅馬

正則表達式中的$符號通常用于表示字符串的結束位置,但當你在替換操作或者某些特殊上下文中提到 $ 后跟數(shù)字（如 $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}) 定義了三個捕獲組，分別匹配區(qū)號、中間三位和后四位數(shù)字。替換時，$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> 標簽中以加粗顯示。

通過這些示例，你可以看到 $ 后跟數(shù)字是如何在替換操作中引用之前捕獲的組，使得替換操作更加靈活和強大。

到此這篇關于正則表達式中的$分組使用示例的文章就介紹到這了,更多相關正則表達式$分組內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: