学习 javascript 的正则表达式，看到圆括号这里以后我深深的疑惑了

[lalawow]

看了一下书的介绍，复杂的正则表达式引入圆括号以后，我就开始觉得找不到它的逻辑了
所以我相当于现在对正则表达式这里最基本的东西都没弄清楚
比如match函数什么时候返回一个值，什么时候返回多个值？是怎么去匹配的？
圆括号的意义不是固定一个子表达式整体？

"abcd".match(/ab|cd/)
["ab"]
"abcd".match(/(ab|cd)/)
["ab", "ab"]
"abcd".match(/(ab|cd)+/)
["abcd", "cd"]
"abcd".match(/ab|(cd+)/)
["ab", undefined]
"abcd".match(/ab+|cd+/)
["ab"]
"abcd".match(/(ab)+|cd+/)
["ab", "ab"]
"abcd".match(/ab|(cd)+/)
["ab", undefined]

正则表达式有没有哪里有写的比较易懂的文档可以学习？

谢谢。

[gxl442172663]

http://www.jb51.net/tools/zhengze.html#escape

http://tool.oschina.net/regex
拿去

[wh0syourda66y]

建议楼主去玩一下regex golf
http://regex.alf.nu/

[echo1937]

推荐一本书《精通正则表达式》

[napsterwu]

http://regexper.com

[napsterwu]

#1."abcd".match(/ab|cd/)
无需解释
#2."abcd".match(/(ab|cd)/)
事实上这是分组函数，返回的数组：第一个是字符串本身，第二个往后是匹配到的分组
#3."abcd".match(/(ab|cd)+/)

#4."abcd".match(/ab|(cd+)/)
依旧分组，其实能匹配到ab，然而括号决定了你需要的是cd+，字符串里并没有cd+，返回undefined

#5."abcd".match(/ab+|cd+/)
无需解释
#6."abcd".match(/(ab)+|cd+/)
同分组
#7."abcd".match(/ab|(cd)+/)
分组

事实上如果没有需要从字符串中取出数据的需求，仅仅是验证的话，可以使用test函数。

[napsterwu]

错了 没睡醒 当没看到吧

[cc7756789]

```javascript
"zzabcd".match(/zz(ab|cd)/)
>= ["zzab", "ab"]
```

圆括号中的是被称为小正则，上面的匹配结果中，会返回2个值，第一个值是匹配的完整值，第二个值则是匹配小正则（圆括号）中的值。故为什么JS中 `"abcd".match(/(ab|cd)/) ` 返回了2个ab，因为第一个值代表完整匹配的值，而第二个值代表小正则中的值。

```javascript
"zzab".match(/(zz(ab|cd))/)
>= ["zzab", "zzab", "ab"]
```
这里最外围又加了一个括号，原理是一样的，返回的值按完整值，小正则，小小正则，依次排列。

[flowfire]

本来觉得自己挺清楚的。。。看完糊涂了。。。
"abcd".match(/(ab|cd)+/)
这个正则不是应该返回
["abcd","ab","cd"]么

[FrankFang128]

感觉被你搞复杂了

[msg7086]

@flowfire 这个例子其实挺好的。以前从来没想过这个问题倒是。
首先这里只有一个括号，所以捕捉出来的只会有一个结果。
那么至于这里，为什么会出现cd而不会出现ab呢？
说实话我也没找到依据。只觉得这东西应该和贪婪性有关。
/(ab|cd)+?/就会匹配第一个找到的，而贪婪匹配就会一路测试到最后一个。

[flowfire]

@msg7086 然而我要是加上 g 的话就只剩一个结果了是为什么。。。

[ryd994]

@msg7086
@flowfire
capture只capture最后一个，或者说会被覆盖