打开您的Google Chrome devTools，然后单击Console选项卡：并键入以下内容：

"Peace".match(/(\w)(\w)(\w)/)

运行它，您将看到：

["Pea", "P", "e", "a", index: 0, input: "Peace", groups: undefined]

JavaScript RegExp引擎捕获三个组，索引为1、2、3的项。现在使用非捕获标记来查看结果。

"Peace".match(/(?:\w)(\w)(\w)/)

结果是：

["Pea", "e", "a", index: 0, input: "Peace", groups: undefined]

这是显而易见的非捕获组。

（？：…）充当一个组（…），但不捕获匹配的数据。它确实比标准的捕获组效率高得多。当你想对某个东西进行分组，但以后不需要重用它时，就可以使用它了@托托

tl；dr非捕获组，顾名思义，是正则表达式中不希望包含在匹配中的部分，以及？：是一种将组定义为非捕获的方法。

假设你有一个电子邮件地址example@example.com.以下正则表达式将创建两个组，id部分和@example.com部分。（\p｛Alpha｝*[a-z]）（@example.com）。为了简单起见，我们提取了包括@字符在内的整个域名。

现在让我们假设，您只需要地址的id部分。您要做的是获取匹配结果的第一个组，在正则表达式中用（）包围，这样做的方法是使用非捕获组语法，即？：。因此，正则表达式（\p｛Alpha｝*[a-z]）（？：@example.com）将只返回电子邮件的id部分。

打开您的Google Chrome devTools，然后单击Console选项卡：并键入以下内容：

"Peace".match(/(\w)(\w)(\w)/)

运行它，您将看到：

["Pea", "P", "e", "a", index: 0, input: "Peace", groups: undefined]

JavaScript RegExp引擎捕获三个组，索引为1、2、3的项。现在使用非捕获标记来查看结果。

"Peace".match(/(?:\w)(\w)(\w)/)

结果是：

["Pea", "e", "a", index: 0, input: "Peace", groups: undefined]

这是显而易见的非捕获组。

您可以使用捕获组来组织和分析表达式。非捕获组具有第一个好处，但没有第二个好处的开销。例如，您仍然可以说非捕获组是可选的。

假设你想匹配数字文本，但有些数字可以写成1、2、3、4，。。。如果要捕获数字部分，而不是（可选）后缀，则可以使用非捕获组。

([0-9]+)(?:st|nd|rd|th)?

这将匹配形式1、2、3…或形式1、第2、第3…的数字，。。。但它将只捕获数字部分。

我不能评论最上面的答案来这样说：我想补充一个明确的观点，这只是在最上面的回答中暗示的：

非捕获组（？…）不会从原始完全匹配中删除任何字符，它只会对程序员进行可视化的正则表达式重组。

要访问正则表达式的特定部分而不定义外来字符，您将始终需要使用.group（<index>）