jQuery中遇到的exec()解析

Posted 2020-09-26

var i = /^#[\w\-]*$/,a="#root";console.log(i.exec(a))
// ["#root", index: 0, input: "#root"]

正则表达式exec()函数:

exec() 方法用于检索字符串中的正则表达式的匹配。
返回值是一个数组，但是此数组的内容和正则对象是否是全局匹配有着很大关系：

1.没有g修饰符:
在非全局匹配模式下，此函数的作用和match()函数是一样的，只能够在字符串中匹配一次，如果没有找到匹配的字符串，那么返回null，否则将返回一 个数组，数组的第0个元素存储的是匹配字符串，第1个元素存放的是第一个引用型分组(子表达式)匹配的字符串，第2个元素存放的是第二个引用型分组(子表 达式)匹配的字符串，依次类推。同时此数组还包括两个对象属性，index属性声明的是匹配字符串的起始字符在要匹配的完整字符串中的位置，input属 性声明的是对要匹配的完整字符串的引用。
特别说明:
在非全局匹配模式下，IE浏览器还会具有lastIndex属性，不过这时是只读的。

2.具有g修饰符:
在全局匹配模式下，此函数返回值同样是一个数组，并且也只能够在字符串中匹配一次。不过此时，此函数一般会和lastIndex属性匹配使用，此函数会在 lastIndex属性指定的字符处开始检索字符串，当exec()找到与表达式相匹配的字符串时，在匹配后，它将lastIndex 属性设置为匹配字符串的最后一个字符的下一个位置。可以通过反复调用exec()函数遍历字符串中的所有匹配，当exec()函数再也找不到匹配的文本 时，它将返回null，并把lastIndex 属性重置为0。
数组的内容结构和没有g修饰符时完全相同。如果在一个字符串中完成了一次模式匹配之后要开始检索新的字符串，就必须手动地把lastIndex属性重置为0。

var str="the name 123 and 456";
var reg=/\d/g;
reg.lastIndex=15;
console.log(reg.exec(str));//["4", index: 17, input: "the name 123 and 456"]

http://jquery.cuishifeng.cn/regexp.html :正则表达式速查表

(pattern)：匹配pattern并获取这一匹配。

var i = /^#([\w\-]*)$/,a="#root";console.log(i.exec(a))
// ["#root", "root", index: 0, input: "#root"]

 

 (?:pattern)：匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。

var i = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,a="#root";console.log(i.exec(a))
// ["#root", undefined, "root", index: 0, input: "#root"]

数组中的undefined是(<[\w\W]+>)进行匹配时获取的。