前言
ES9（ECMAScript 2018）是 JavaScript 的最新版本，它为开发人员提供了一些新的语言特性和改进。其中一个非常实用的特性就是“非捕获捕获组”。
如果您不熟悉正则表达式，那么一些概念可能会比较抽象。但不用担心，我会尽力解释每一个相关的概念，并用一些示例代码来帮助您更好地理解。
什么是非捕获捕获组？
非捕获捕获组是一种正则表达式的语法，用于捕获一部分文本但不保存到匹配结果中。换句话说，它允许我们匹配一段文本，但不会在最终的匹配结果中显示出来。
更具体地说，非捕获捕获组由一对圆括号（()）以及一个问号和一个冒号（(?:)）组成。它的语法与普通的捕获组很相似，只是在圆括号的左侧添加了一个问号和冒号。
下面是一个例子，用于匹配文本“hello world”中的“world”，但不会将它保存到匹配结果中：
/hello (?:world)/
我们可以看到，圆括号左侧的“?:”表示这是一个非捕获捕获组。所以，虽然我们使用了圆括号，但匹配结果中不会包含括号内的文本。
为什么要使用非捕获捕获组？
在实际开发中，我们经常需要匹配一些文本，但并不需要将其中的某些部分保存到匹配结果中。使用非捕获捕获组可以帮助我们实现这个目的。
相比之下，如果使用普通的捕获组，匹配结果中会包含圆括号内的文本。虽然这可能是我们所需要的，但有时候这样做会导致额外的麻烦。例如，我们使用正则表达式要替换某些文本，但只想替换其中的一部分，如果在这个过程中匹配结果中包含了不需要替换的部分，就会导致结果出错。
使用非捕获捕获组可以避免这种情况的发生。我们可以匹配到需要的文本，但不在匹配结果中显示出来。
如何使用非捕获捕获组？
使用非捕获捕获组非常容易。只需要在需要捕获但不希望保存到匹配结果中的部分周围加上“(?:)”即可。
以下是一个示例，我们要从下面的文本中匹配所有的数字，但不包括小数点：
const text = '1.23 42 99.99 100'; const regex = /(?:\d+)\b/g; const result = text.match(regex); console.log(result); // ["42", "100"]
在上面的代码中，我们使用了正则表达式“(?:\d+)\b”，其中“\d+”代表一个或多个数字，“\b”代表单词边界。由于使用了非捕获捕获组，匹配结果中不会包含小数点。
结论
非捕获捕获组是一个非常实用的正则表达式语法，它可以帮助我们匹配需要的文本，同时避免一些不必要的麻烦。在实际开发中，我们应该努力掌握这个语法，并且根据需要灵活运用它。
希望这篇文章能够帮助您更好地理解和使用非捕获捕获组，如果有任何问题或建议，请随时留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67397197317fbffedf16cf55