DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript 中String.match()與RegExp.exec()的區別說明
javascript 中String.match()與RegExp.exec()的區別說明
編輯:關於JavaScript     
1. 這兩個方法,如果匹配成功,返回一個數組,匹配失敗,返回null。
2. 當RegExp的global屬性為false時,這兩個方法的返回數組是一樣的。

  數組的第0個元素是整個pattern的第一個匹配字符串,接下來的元素是pattern第一個匹配中的子匹配字符串。
  此外,數組還有index和input兩個額外屬性,index是匹配字符串的起始位置,input是整個輸入字符串。
  此時,RegExp的lastIndex屬性一直是0。
demo:
復制代碼 代碼如下:
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);

顯示結果為(firefox控制台):
復制代碼 代碼如下:
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. 當RegExp的global屬性為true時,返回的數組是不同的。
  match方法返回的數組包含著所有匹配字符串,沒有子匹配字符串和額外屬性。此時,lastIndex屬性無效。
  exec方法返回的數組格式與global為false時一樣,只是此時RegExp的lastIndex屬性有效,匹配是從lastIndex所指示的字符開始的,並且方法執行後會將lastIndex置為本次匹配字符串的下一個字符處,所以循環執行exec方法時會依次匹配整個字符串,直到字符串最後返回null,並將lastIndex置0。
demo:
復制代碼 代碼如下:
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);

結果:
復制代碼 代碼如下:
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標識符時,match和exec方法效果是一樣的;有g標識符時,exec方法可以提供最完整的匹配結果。
2.這裡順便提一下RegExp.test()方法,它是exec方法的簡化版,有匹配結果就返回true,沒有匹配結果就返回false,執行過程與exec是一樣的。相當於 (p.exec(s) != null)。
3.RegExp的lastIndex屬性在有g標識符,且在exec和test方法中是有效的,其他地方是無效的。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved