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

时间:2024-10-15 13:32:56

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通过while遍历

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>str.match(regex)与regex.exec(str)</title>
<script type="text/javascript">
str = "xxabbb34eftab0modabb6";
var regex = /a(b+)(\d+)/g;
var arr;
while ((arr = regex.exec(str)) != null) {
document.write("arr.length=" + arr.length + "<br/>");
for (var i = 0; i < arr.length; i++) {
document.write(i + ":" + arr[i] + "<br/>");
}
document.write("<br/>");
}
</script>
</head>
<body>
</body>
</html>

结果

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

5、总结

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

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

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