RegExp對象

匹配規則

字面量字符

大部分字符在正則表達式中,就是字面的含義。若是在正則表達式之中,某個字符只表示它字面的含義,那麼它們就是「字面量字符」(literalcharacters)
/Wade/.test('Dwyane Wade')    // true

上面代碼中正則表達式的Wade,就是字面量字符,因此 /Wade/ 匹配 Dwyane Wade.正則表達式

元字符

除了字面量字符之外,還有一部分字符有特殊含義,不表明字面的意思。它們叫作「元字符」(metacharacters)
  • 點字符 (.)
匹配任意一個字符,除了換行和行結束符。
var regexp = /w.e/; 
regexp.test('wae')    // true
regexp.test('wade');  // false
  • 位置字符
位置字符用來提示字符所處的位置,主要有兩個字符。
  1. ^ 表示字符串的開始位置
  2. $ 表示字符串的結束位置
// test必須出如今開始位置
/^test/.test('test-wade');    // true
// test必須出如今結束位置
/test$/.test('wade-test');    // true

// 開始位置到結束位置只有test
/^test$/.test('test');        // true
/^test$/.test('test test');   // false
  • 選擇符 (|)
豎線符號(|)在正則表達式中表示「或關係」(OR)
// 匹配Test或Wade
/Test|Wade/.test('DwyaneWade')        // true

多個選擇符能夠聯合使用google

// 匹配Test、Dwyane、Wade之中的一個
/Test|Dwyane|Wade/.test('Dwyane3')    // true

選擇符會包括它先後的多個字符,好比/ab|cd/指的是匹配ab或cd,而不是指匹配b或者c。若是想修改這個行爲,可使用圓括號。url

/a( |\t)b/.test('a\tb');    // true

轉義符

正則表達式中那些有特殊含義的元字符,若是要匹配它們自己,就須要在它們前面要加上反斜槓。
/1+1/.test('1+1');     // false
/1\+1/.test('1+1');    // true

正則表達式中,須要反斜槓轉義的,一共有12個字符:^、.、[、$、(、)、|、*、+、?、{和。code

特殊字符

正則表達式對一些不能打印的特殊字符,提供了表達方法。
  • n 匹配換行鍵
  • r 匹配回車鍵
  • t 匹配製表符 tab(U+0009)
  • v 匹配垂直製表符(U+000B)
  • f 匹配換頁符(U+000C)
  • [b] 匹配退格鍵(U+0008),不要與b混淆
  • 0 匹配null字符(U+0000)
  • cX 表示Ctrl-[X],其中的X是A-Z之中任一個英文字母,用來匹配控制字符

字符類

字符類(class)表示有一系列字符可供選擇,只要匹配其中一個就能夠了。全部可供選擇的字符都放在方括號內,好比[abc] 表示a、b、c之中任選一個匹配。
/[abc]/.test('Dwyane');    // true

有兩個字符在字符類中有特殊含義regexp

1.脫子符(^)對象

若是方括號內的第一個字符是[^],則表示除了字符類之中的字符,其餘字符均可以匹配。好比 1 表示a、b、c以外均可以匹配。
/[^abc]/.test('Test');    // true
若是方括號內沒有其餘字符,即只有[^],就表示匹配一切字符,其中包括換行符。上文提到的點字符(.)是不包括換行符的。
/wa.e/.test('wa\ne');     // false
/wa[^]/.test('wa\ne');    // true

2.連字符(-)字符串

連字符(-)表示字符的連續範圍。好比[0123456789]能夠寫成[0-9],[A-Z]表示26個大寫字母。
/a-z/.test('b');     // false
/[a-z].test('b');    // true

預約義模式

預約義模式指的是某些常見模式的簡寫方式。
- \d 匹配0-9之間的任一數字,至關於[0-9]
 - \D 匹配全部0-9之外的字符,至關於[^0-9]
 - \w 匹配任意的字母、數字和下劃線,至關於[A-Za-z0-9_]
 - \W 除全部字母、數字和下劃線之外的字符,至關於[^A-Za-z0-9_]
 - \s 匹配空格(包括換行符、製表符、空格符等),相等於[ \t\r\n\v\f]
 - \S 匹配非空格的字符,至關於[^ \t\r\n\v\f]
 - \b 匹配詞的邊界
 - \B 匹配非詞邊界,即在詞的內部
/\w/.test('wade03');    // true

重複類

模式的精確匹配次數,使用大括號({})。{n}表示剛好重複n次,{n,}表示至少重複n次,{n,m}表示重複很多於n次,很少於m次。it

/te{2}st/.test('teest');          // true
/te{2,5}st/.test('teeeeeest');    // false

量詞符

量詞符用來設定某個模式出現的次數。
  • ? 問號表示某個模式出現0次或1次,等同於{0, 1}
    • 星號表示某個模式出現0次或屢次,等同於{0,}
    • 加號表示某個模式出現1次或屢次,等同於{1,}
// t 出現0次或1次
/t?est/.test('test');    // true
/t?est/.test('est');     // true

// t 出現0次或屢次
/t*est/.test('tttest');  // true
/t*est/.test('est');     // true

// t 出現1次或屢次
/t+est/.test('ttest');   // true
/t+est/.test('est');     // false

貪婪模式

上文中量詞符,默認狀況下都是最大可能匹配,即匹配直到下一個字符不知足匹配規則爲止。這被稱爲貪婪模式。
var str= 'aaa';
str.match(/a+/);    // ["aaa"]

若是想將貪婪模式改成非貪婪模式,能夠在量詞符後面加一個問號(?)。class

  • +?:表示某個模式出現1次或屢次,匹配時採用非貪婪模式。
  • *?:表示某個模式出現0次或屢次,匹配時採用非貪婪模式。
  • ??:表格某個模式出現0次或1次,匹配時採用非貪婪模式。
var str = 'aaa';
str.match(/a+/);    // ["a"]

修飾符

修飾符(modifier)表示模式的附加規則,放在正則模式的最尾部。
  • g :全局匹配(global),正則對象將匹配所有符合條件的結果,主要用於搜索和替換
  • i :忽略大小寫(ignorecase)
  • m :^和$能夠匹配行首和行尾了,即^和$會識別換行符(n)
// 正則模式不含g修飾符,每次都是從字符串頭部開始匹配。
var regex = /b/;
var str = 'abba';

regex.test(str); // true
regex.test(str); // true

// 正則模式含有g修飾符,每次都是從上一次匹配成功處,開始向後匹配。因爲只有一個b,第二次就失敗了
var regex = /b/g;
var str = 'aba';

regex.test(str); // true
regex.test(str); // false

// 加了i修飾符之後,不考慮大小寫,因此模式abc匹配字符串ABC
/abc/.test('ABC') // false
/abc/i.test('ABC') // true

// 字符串結尾處有一個換行符。若是不加m修飾符,爲false。加上之後,$能夠匹配行尾
/world$/.test('hello world\n') // false
/world$/m.test('hello world\n') // true

組匹配

正則表達式的括號表示分組匹配,括號中的模式能夠用來匹配分組的內容。
// 第一個模式沒有括號,結果+只表示重複字母t。第二個模式有括號,結果+就表示匹配test
/test+/.test('testt')      // true
/(test)+/.test('testtest') // true
(?:x):非捕獲組(Non-capturing group),表示不返回該組匹配的內容,即匹配的結果中不計入這個括號。
// 正常匹配
var url = /(http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;

url.exec('http://google.com/');
// ["http://google.com/", "http", "google.com", "/"]

// 非捕獲組匹配
var url = /(?:http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;

url.exec('http://google.com/');
// ["http://google.com/", "google.com", "/"]
x(?=y):先行斷言(Positive look-ahead),x只有在y前面才匹配,y不會被計入返回結果。
/\d+(?=%)/.test('23%');    // true
/\d+(?=%)/.test('2A%');    // false
x(?!y):先行否認斷言(Negative look-ahead),x只有不在y前面才匹配,y不會被計入返回結果。
/\d+(?!%)/.test('2%');     // false

  1. abc
相關文章
相關標籤/搜索