深化理解JS正则表达式-分组_

1、深化理解JS正则表达式-分组_ 之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解 但是今日我又遇到了一个坑，可能是自己不够细心的缘由吧，今日就着重和大家分享一下javascript正则表达式中的分组。假如你对JS正则表达式不够理解 可以点击这里了解更多。 分组在正则中用的还是比较广的，我所理解的分组 就是一对括号（） ，每一对括号 就代表了一个分组，分组可以分为： 捕获性分组 非捕获性分组 捕获性分组 捕获性分组会在 比如 match exec这样的函数中以其次项，第三项的形式得到相应分组的结果。先来看一个例子吧 var reg = /test(d+)/; var str =

2、 new test001 test002; console.log(str.match(reg);/test001, 001, index: 4, input: new test001 test002 代码中 (d+)是一个分组（有些人也叫他子模式），但是表示的都是同一个意思，上面的例子中 test001是完全匹配的结果，然而 分组的匹配是从整个完全匹配结果(也就是test001)中来查找与子模式d+匹配的字符,这里明显是 001.但是今日遇到的状况是这样的 var reg = /test(d)+/; var str = new test001 test002; console.log(str

3、.match(reg);/test001, 1, index: 4, input: new test001 test002 不同之处就是 (d+) 改为了 (d)+ ,整个匹配结果还是 test001 但是第一个分组匹配的结果却不同。咱们慢慢来分析他们的区分 (d+) 这整个是一个分组的状况,由于 默认状况下 匹配模式都是贪欲模式 也就是说尽可能多的去匹配全部d+ 匹配到的结果 是 001 然后 外面添加了一对括号 也就是一个分组，这样第一个分组中匹配的结果就是 001.再来看其次个例子中的 (d)+ 同样这也是一个贪欲模式 首先会先匹配0然后后面是0 也会匹配到 最终是1 同样也匹配到 到此

4、 匹配结束看起来跟第一个例子中的匹配没什么区分，但是这里的 分组(d)表示 匹配单个数字，根据我之前的理解是0 但这种理解是错误的。由于整个匹配是贪欲模式，尽可能多的去匹配分组中的 (d) 就会捕获 最终一次匹配到的结果 1,假如是非贪欲模式 那就会尽可能少的去匹配 var reg = /test(d)+?/; var str = new test001 test002; console.log(str.match(reg);/test001, 0, index: 4, input: new test001 test002 这样(d)匹配结果就是0了，虽然后面还有能够匹配到的结果，但是这里是尽

5、可能少的去匹配 非捕获性分组 非捕获性分组也就是 有些地方需要用到一对括号，但是又不想让他成为一个捕获性分组也就是不想让这个分组被类似 macth exec 这样的函数所猎取到通常在括号内部的前面加上?: 也就是 (?:pattern)这样就变成了一个非捕获性分组， var reg = /test(?:d)+/; var str = new test001 test002; console.log(str.match(reg);/test001, index: 4, input: new test001 test002 这样 match的结果中就不会消失分组匹配到的内容了 也就是少了 其次项的 1. 这篇文章着重说明 (d+)