快捷導(dǎo)航

javascript 中String.match()與RegExp.exec()的區(qū)別說明

更新時(shí)間：2013年01月10日 15:33:28 作者：

最近看了javascript權(quán)威指南里面的正則部分，match和exec方法有一些相同點(diǎn)和不同點(diǎn)，在這里寫一下加深一下印象

1. 這兩個(gè)方法，如果匹配成功，返回一個(gè)數(shù)組，匹配失敗，返回null。
2. 當(dāng)RegExp的global屬性為false時(shí)，這兩個(gè)方法的返回?cái)?shù)組是一樣的。

　　數(shù)組的第0個(gè)元素是整個(gè)pattern的第一個(gè)匹配字符串，接下來的元素是pattern第一個(gè)匹配中的子匹配字符串。
　　此外，數(shù)組還有index和input兩個(gè)額外屬性，index是匹配字符串的起始位置，input是整個(gè)輸入字符串。
　　此時(shí)，RegExp的lastIndex屬性一直是0。
demo：

復(fù)制代碼代碼如下:

 
var s = 'this is a string'; 
var p = /\b\w*(i)s\b/; 
var rm = s.match(p); 
var re = p.exec(s); 
console.log('match_array: ' + JSON.stringify(rm)); 
console.log('match_array_index: ' + rm.index); 
console.log('match_array_input: ' + rm.input); 
console.log('----------------------------'); 
console.log('exec_array: ' + JSON.stringify(re)); 
console.log('exec_array_index: ' + re.index); 
console.log('exec_array_input: ' + re.input); 

顯示結(jié)果為（firefox控制臺）：

復(fù)制代碼代碼如下:

 
match_array: ["this","i"] 
match_array_index: 0 
match_array_input: this is a string 
---------------------------- 
exec_array: ["this","i"] 
exec_array_index: 0 
exec_array_input: this is a string 

3. 當(dāng)RegExp的global屬性為true時(shí)，返回的數(shù)組是不同的。
　　match方法返回的數(shù)組包含著所有匹配字符串，沒有子匹配字符串和額外屬性。此時(shí)，lastIndex屬性無效。
　　exec方法返回的數(shù)組格式與global為false時(shí)一樣，只是此時(shí)RegExp的lastIndex屬性有效，匹配是從lastIndex所指示的字符開始的，并且方法執(zhí)行后會將lastIndex置為本次匹配字符串的下一個(gè)字符處，所以循環(huán)執(zhí)行exec方法時(shí)會依次匹配整個(gè)字符串，直到字符串最后返回null，并將lastIndex置0。
demo：

復(fù)制代碼代碼如下:

 
var s = 'this is a string'; 
var p = /\b\w*(i)s\b/g; 
var rm = s.match(p); 
var re; 
console.log('match_array: ' + JSON.stringify(rm)); 
console.log('match_array_index: ' + rm.index); 
console.log('match_array_input: ' + rm.input); 
while(re = p.exec(s)){ 
console.log('----------------------------'); 
console.log('exec_array: ' + JSON.stringify(re)); 
console.log('exec_array_index: ' + re.index); 
console.log('exec_array_input: ' + re.input); 
console.log('regexp_lastIndex: ' + p.lastIndex); 
} 
console.log('----------------------------'); 
console.log('exec_array: ' + re); 
console.log('regexp_lastIndex: ' + p.lastIndex); 

結(jié)果：

復(fù)制代碼代碼如下:

 
match_array: ["this","is"] 
match_array_index: undefined 
match_array_input: undefined 
---------------------------- 
exec_array: ["this","i"] 
exec_array_index: 0 
exec_array_input: this is a string 
regexp_lastIndex: 4 
---------------------------- 
exec_array: ["is","i"] 
exec_array_index: 5 
exec_array_input: this is a string 
regexp_lastIndex: 7 
---------------------------- 
exec_array: null 
regexp_lastIndex: 0 

綜上：

1.在沒有g(shù)標(biāo)識符時(shí)，match和exec方法效果是一樣的；有g(shù)標(biāo)識符時(shí)，exec方法可以提供最完整的匹配結(jié)果。
2.這里順便提一下RegExp.test()方法，它是exec方法的簡化版，有匹配結(jié)果就返回true，沒有匹配結(jié)果就返回false，執(zhí)行過程與exec是一樣的。相當(dāng)于 (p.exec(s) != null)。
3.RegExp的lastIndex屬性在有g(shù)標(biāo)識符，且在exec和test方法中是有效的,其他地方是無效的。

您可能感興趣的文章: