JS正則中如何使用match與exec

2024-09-07 17:40:15

字體：大中小

來源：轉載

供稿：網友

由于match和exec在匹配成功的時候返回都是數組，沒有匹配的時候返回是null，因襲很多小伙伴們都會以為這兩個的效果是一樣的，其實不然，那么下面我們就一起去看看JS正則中如何使用match與exec吧。

String.match()

match() 方法將檢索目標字符串，以找到一個或多個與正則表達式regexp 匹配的文本。match()有兩種情況：

1、 如果 regexp 具有標志 g，則 match() 方法將執行全局檢索，找到目標字符串中的所有匹配子字符串。

匹配情況

返回值

沒有找到任何匹配的子串

null

找到了一個或多個匹配子串

一個數組。數組的內容包含所有的匹配子串

下面是個實例：

var str = 'xxtest00test11test22test'
regexp = new RegExp(/(test)(.{1})/g);
while((result = regexp.exec(str)) != null){
document.write(result + '<br />');
document.write(regexp.lastIndex+ '<br />');
}

匹配的結果如下：

返回的匹配數組：

[testaa,testbb,testcc]
并且數組不包含其他有關匹配的信息：

???0:testaa
???1:testbb
???2:testcc

2、 如果 regexp 沒有標志 g，那么 match() 方法就只能目標字符串中執行一次匹配。

匹配情況

返回值

沒有找到任何匹配的子串

null

找到了一個或多個匹配子串

一個數組。數組的內容包含與它找到的匹配文本有關的信息。該數組的第 0 個元素存放的是匹配文本，而其余的元素存放的是與正則表達式的子表達式匹配的文本。除了這些常規的數組元素之外，返回的數組還含有兩個對象屬性。index 屬性聲明的是匹配文本的起始字符在目標字符串中的位置，input 屬性聲明的是對目標字符串的引用。

我們把上面例子的全局標志g拿掉，regexp = new RegExp(/(test)(.{1})/);再次得到的匹配結果如下：

返回的匹配數組：

[test0,test,0]
并且數組包含index和input信息：

0:test0
1:test
2:0
index:2
input:xxtest0test1test2test

不過有一點需要說明的是，在IE6,7,8下，返回的數組同時包含lastIndex信息，用來表示表示匹配子串的下一個位置。話說這個屬性應該是在regexp上面的，所以在IE9里面去掉了。

String.exec()方法：

1、 如果 regexp 不具有標志 g。

匹配情況

返回值

沒有找到任何匹配的子串

null

找到了一個或多個匹配子串