str.match(regex)与regex.exec(str)对比解析，从此不再晕

match属于字符串的方法，exec属于正则表达式的方法。其中regex是否有g标志的区别经常搞不清，所以测试记录下。

1、str.match(regex) regex中无g标志

返回一个数组，arr[0]代表匹配项，arr[≥1]代表捕获的group。index是匹配项的第一个字符索引，input代表str字符串。

2、str.match(regex) regex中有g标志

返回一个数组，arr[0]代表第一个匹配项，arr[1]代表第二个匹配项...，length代表有几个匹配项，没有捕获的group。

3、regex.exec(str) regex中无g标志

返回一个数组，arr[0]代表匹配项，arr[≥1]代表捕获的group。index是匹配项的第一个字符索引，input代表str字符串。(与没有g标志的str.match(regex)等效)

正则的lastIndex没有被重置，所以即使再次运行，还是从字符串起始点查询

4、regex.exec(str) regex中有g标志

返回一个数组，arr[0]代表匹配项，arr[≥1]代表捕获的group。index是匹配的第一个字符索引，input代表str字符串。

正则的lastIndex被重置，所以下次查询会从字符串lastIndex处开始查询，利用这点可以遍历出所有结果。（另外test()方法也会重置lastIndex）

通过while遍历

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>str.match(regex)与regex.exec(str)</title>
 6     <script type="text/javascript">
 7         str = "xxabbb34eftab0modabb6";
 8         var regex = /a(b+)(\d+)/g;
 9         var arr;
10         while ((arr = regex.exec(str)) != null) {
11             document.write("arr.length=" + arr.length + "<br/>");
12             for (var i = 0; i < arr.length; i++) {
13                 document.write(i + ":" + arr[i] + "<br/>");
14             }
15             document.write("<br/>");
16         }
17     </script>
18 </head>
19 <body>
20 </body>
21 </html>

结果

5、总结

1、如果均没有g标志，str.match(regex)等效于regex.exec(str)

2、下表总结了他们的区别

 

 

posted @ 2014-05-22 13:08  凌晨风  阅读(920)  评论(0)  编辑  收藏  举报