DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript的正則匹配方法學習
javascript的正則匹配方法學習
編輯:關於JavaScript     

javascript中正則匹配有3個方法,match,exec,test。這些方法都跟字符串和RegExp對象有關,但使用場景不一樣,容易混淆。match是字符串的一個方法,接收一個RegExp對象做為參數,其他的是RegExp對象的方法,接收一個字符串參數。

var str = 'abcdef12ab34cd56ef';
var patt = new RegExp('ab'); //主意是非全局匹配

var ret_test = patt.test(str);
console.log(ret_test);
var ret_match = str.match(patt);
console.log(ret_match);
var ret_exec = patt.exec(str);
console.log(ret_exec);

1. regExp.test(string)

  該方法最簡單,在string中找到匹配regExp的字符串則返回true,沒找到匹配的字符串則返回false

2. regExp.exec(string)

  該方法稍微復雜些。

  當regExp沒有全局標志時,其返回值為字符串數組:數組的第0號元素為剛匹配到的字符串,如果regExp有子表達式,則數組第1號元素為regExp的第一個子表達式,第2號元素為regExp的第二個字表達式...以此類推。在上例中如果 patt = new RegExp('f(\\d)(\\d)','g');則 ret_exec 將為字符串數組:['f12','1','2']。

  當regExp有全局標志(g選項)時,返回值為第一個匹配到的字符串組成的數組,數組的第0號元素為剛匹配到的字符串,如果regExp有子表達式,則數組第1號元素為regExp的第一個子表達式,第2號元素為regExp的第二個字表達式...以此類推。同時主意,regExp對象的一個屬性(lastIndex)被改變了,lastIndex被設置為那個字符串最後一個字符所在的位置,其的後面的那個位置(在上例中是lastIndex = 2)。當再次調用 regExp.exec(string)時,搜索范圍將從regExp.lastIndex開始搜索。此時返回值仍然是單元素的字符串數組,lastIndex = 10 。我們經常用while循環來遍歷字符串中的匹配:

var patt = new RegExp('ab', 'g'),
  str = 'abcdef12ab34cd56ef', ret;
while((ret = patt.exec(str))!=null) {
  console.log(ret);
}
//輸出
['ab']
['ab']

  exec方法返回的不是標准的數組,應該算是一個類數組,因為它還有2個屬性:input是輸入的字符串,index是當前匹配的字符串第一個字符在input中的位置。

3. string.match(regExp)

  該方法比exec簡單一些,因為它不用考慮regExp的lastIndex屬性。同樣,也需要分兩種情況(全局匹配與非全局匹配)

  當regExp沒有全局標志時,返回值與調用exec一樣,返回一個數組,數組的第0號元素為剛匹配到的字符串,如果regExp有子表達式,則數組第1號元素為regExp的第一個子表達式,第2號元素為regExp的第二個字表達式...以此類推。主意該數組同時還有2個屬性:input是輸入的字符串string,index是當前匹配的字符串第一個字符在input中的位置。

  當regExp有全局標志(g選項)時,很簡單,也符合我們的理解:返回所有匹配到的字符串組成的數組。這是標准數組,沒有input屬性,也沒有index屬性。返回值數組中除了匹配到的字符串沒有任何其他信息。

  從上面的分析看出,如果你只是想判斷字符串是否匹配某個正則表達式,就用test方法。如果想一次性取出所有匹配到的字符串,或者只找到第一個匹配的字符串就可以,就用match方法。如果你想多次匹配,而且需要知道每個匹配到的字符串在原始字符串中的位置,或者正則表達式中還有子表達式信息需要關注,就用exec方法。

以上就是javascript正則匹配的多種方法介紹,希望對大家的學習有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved