打开您的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]

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

它非常简单，我们可以通过简单的日期示例来理解，假设日期被提到为2019年1月1日或2019年5月2日或任何其他日期，并且我们只想将其转换为dd/mm/yyyy格式，那么我们不需要月份的名称，即1月或2月，因此为了捕获数字部分，而不是（可选）后缀，您可以使用非捕获组。

所以正则表达式将是，

([0-9]+)(?:January|February)?

就这么简单。

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

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

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

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

我是一名JavaScript开发人员，将尝试解释其与JavaScript相关的意义。

考虑一个场景，你想将猫与动物相匹配当你想要匹配猫和动物时，两者之间应该有一个平衡点。

 // this will ignore "is" as that's is what we want
"cat is animal".match(/(cat)(?: is )(animal)/) ;
result ["cat is animal", "cat", "animal"]

 // using lookahead pattern it will match only "cat" we can
 // use lookahead but the problem is we can not give anything
 // at the back of lookahead pattern
"cat is animal".match(/cat(?= is animal)/) ;
result ["cat"]

 //so I gave another grouping parenthesis for animal
 // in lookahead pattern to match animal as well
"cat is animal".match(/(cat)(?= is (animal))/) ;
result ["cat", "cat", "animal"]

 // we got extra cat in above example so removing another grouping
"cat is animal".match(/cat(?= is (animal))/) ;
result ["cat", "animal"]

让我举一个地理坐标的例子，下面是两组

Latitude,Longitude

([+-]?\d+(?:\.\d+)?),([+-]?\d+(?:\.\d+)?)

让我们拿一个（[+-]？\d+（？：\.\d+）？）

坐标可以是58这样的整数，也可以是58.666因此，可选的（.666）第二部分（\.\d+）？被提及。

(...)? - for optional

但这是加括号的，这将是另一组匹配。我们不需要两场比赛，一场58分，另一场666分，我们需要一个纬度作为比赛。这里是非捕获组（？：）

与非捕获组[+-]？\d+（？：\.\d+）？，58.666和58都是单场比赛

它使组不捕获，这意味着该组匹配的子字符串将不包含在捕获列表中。ruby中的一个示例说明了区别：

"abc".match(/(.)(.)./).captures #=> ["a","b"]
"abc".match(/(?:.)(.)./).captures #=> ["b"]