浅谈 JavaScript 正则表达式分组匹配

正则表达式是前端开发中常用的一种技术，通过正则表达式可以在字符串中快速地进行文本匹配、搜索和替换等操作。在正则表达式中，分组匹配是一种比较常见的用法，它可以提高正则表达式的灵活性和效率。

什么是分组匹配？

分组匹配指的是将正则表达式中的一部分内容放在圆括号内，形成一个子表达式，在匹配时可以对子表达式进行单独的匹配和引用。例如，我们可以使用以下正则表达式匹配一个邮箱地址：

----- -------- - --------------------------------------------------

这个正则表达式包含了三个子表达式，分别是用户名、域名和顶级域名，它们都被放在了圆括号内。在实际匹配时，我们可以通过 $1、$2 和 $3 来分别引用这三个子表达式所匹配的内容。

分组匹配的作用

分组匹配可以让我们更加精确地控制正则表达式的匹配逻辑，同时也可以提高匹配效率。以下是分组匹配的一些常见用途：

子表达式匹配

使用分组匹配可以将正则表达式中的某一部分内容提取出来，方便我们进行后续的处理。例如，在一个 URL 地址中，我们可以使用以下正则表达式获取其中的域名部分：

----- --- - -------------------------------------------
----- --------- - ---------------------------------
----- -- ------- - -------------------- -- ---
-------------------- -- -----------------

在这个例子中，我们使用了分组匹配来匹配 https?、[a-zA-Z0-9.-]+ 和 / 这三个部分，其中圆括号内的 [a-zA-Z0-9.-]+ 就是一个子表达式，它匹配了域名部分。由于我们只关心域名部分，因此在最终的匹配结果中，我们只取了第二个元素，并忽略了第一个元素。

非捕获分组匹配

有时候我们需要在正则表达式中使用分组匹配，但又不希望引起匹配结果的改变，这时可以使用非捕获分组匹配。非捕获分组匹配的语法是 (?:...)，它和普通的圆括号 (...) 的作用相同，但不会将匹配结果存储在内存中。以下是一个使用非捕获分组匹配的例子：

----- --- - ------ -------
----- --- - ---------- -------
----- -- ----- - -------------- -- ---
------------------ -- -------

在这个例子中，我们使用了非捕获分组匹配来匹配 hello 和 \w+ 这两个部分，其中圆括号内的 \w+ 就是一个子表达式，它匹配了单词部分。由于我们只关心单词部分，因此在最终的匹配结果中，我们只取了第二个元素，并忽略了第一个元素。

向后引用

向后引用指的是在正则表达式中使用 \数字 的方式来引用之前匹配

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/2520