RegExp對象

'^'必須才開頭開始匹配
'$'必須在末尾結(jié)束匹配
'|' 表示‘或’/ab|cd/匹配ab或者cd
'.'表示點字符(.)匹配除
回車(\r)、換行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)
以外的所有字符。
''轉(zhuǎn)義符 轉(zhuǎn)義'^'、'.'、'['、'$'、'('、')'、'|'、'*'、'+'、'?'、'{'和'\'。
[0-9],[a-z],[A-Z]匹配0-9,a-z,A-Z之間的所有值。
[0-9],[a-z],[A-Z]匹配0-9,a-z,A-Z之外的所有值。''在[]中表示方括號內(nèi)值以外的值。
[^]匹配所有值。
{n,m}重復(fù)匹配n到m次。
? 問號表示某個模式出現(xiàn)0次或1次,等同于{0, 1}。

  • 星號表示某個模式出現(xiàn)0次或多次,等同于{0,}。
  • 加號表示某個模式出現(xiàn)1次或多次,等同于{1,}。
    *?:表示某個模式出現(xiàn)0次或多次,匹配時采用非貪婪模式。
    +?:表示某個模式出現(xiàn)1次或多次,匹配時采用非貪婪模式。

預(yù)定義模式
預(yù)定義模式指的是某些常見模式的簡寫方式。

\d 匹配0-9之間的任一數(shù)字,相當(dāng)于[0-9]。
\D 匹配所有0-9以外的字符,相當(dāng)于[^0-9]。
\w 匹配任意的字母、數(shù)字和下劃線,相當(dāng)于[A-Za-z0-9_]。
\W 除所有字母、數(shù)字和下劃線以外的字符,相當(dāng)于[^A-Za-z0-9_]。
\s 匹配空格(包括制表符、空格符、斷行符等),相等于[\t\r\n\v\f]。
\S 匹配非空格的字符,相當(dāng)于[^\t\r\n\v\f]。
\b 匹配詞的邊界。
\B 匹配非詞邊界,即在詞的內(nèi)部。

特殊字符
正則表達(dá)式對一些不能打印的特殊字符,提供了表達(dá)方法。

\cX 表示Ctrl-[X],其中的X是A-Z之中任一個英文字母,用來匹配控制字符。
[\b] 匹配退格鍵(U+0008),不要與\b混淆。
\n 匹配換行鍵。
\r 匹配回車鍵。
\t 匹配制表符tab(U+0009)。
\v 匹配垂直制表符(U+000B)。
\f 匹配換頁符(U+000C)。
\0 匹配null字符(U+0000)。
\xhh 匹配一個以兩位十六進(jìn)制數(shù)(\x00-\xFF)表示的字符。
\uhhhh 匹配一個以四位十六進(jìn)制數(shù)(\u0000-\uFFFF)表示的unicode字符。

概述

正則表達(dá)式(regular expression)是一種表達(dá)文本模式(即字符串結(jié)構(gòu))的方法,有點像字符串的模板,常常用作按照“給定模式”匹配文本的工具。比如,正則表達(dá)式給出一個 Email 地址的模式,然后用它來確定一個字符串是否為 Email 地址。JavaScript 的正則表達(dá)式體系是參照 Perl 5 建立的。

新建正則表達(dá)式有兩種方法。一種是使用字面量,以斜杠表示開始和結(jié)束。

var regex = /xyz/;

另一種是使用 RegExp 構(gòu)造函數(shù)。

var regex = new RegExp('xyz');

上面兩種寫法是等價的,都新建了一個內(nèi)容為xyz的正則表達(dá)式對象。它們的主要區(qū)別是,第一種方法在編譯時新建正則表達(dá)式,第二種方法在運行時新建正則表達(dá)式。

RegExp 構(gòu)造函數(shù)還可以接受第二個參數(shù),表示修飾符(詳細(xì)解釋見下文)。

var regex = new RegExp('xyz', "i");
// 等價于
var regex = /xyz/i;

上面代碼中,正則表達(dá)式/xyz/有一個修飾符i。

這兩種寫法——字面量和構(gòu)造函數(shù)——在運行時有一個細(xì)微的區(qū)別。采用字面量的寫法,正則對象在代碼載入時(即編譯時)生成;采用構(gòu)造函數(shù)的方法,正則對象在代碼運行時生成。考慮到書寫的便利和直觀,實際應(yīng)用中,基本上都采用字面量的寫法。

正則對象生成以后,有兩種使用方式:

正則對象的方法:將字符串作為參數(shù),比如regex.test(string)。
字符串對象的方法:將正則對象作為參數(shù),比如string.match(regex)。
這兩種使用方式下面都會介紹。
正則對象的屬性和方法

屬性

正則對象的屬性分成兩類。

一類是修飾符相關(guān),返回一個布爾值,表示對應(yīng)的修飾符是否設(shè)置。

ignoreCase:返回一個布爾值,表示是否設(shè)置了i修飾符,該屬性只讀。
global:返回一個布爾值,表示是否設(shè)置了g修飾符,該屬性只讀。
multiline:返回一個布爾值,表示是否設(shè)置了m修飾符,該屬性只讀。

var r = /abc/igm;

r.ignoreCase // true
r.global // true
r.multiline // true

另一類是與修飾符無關(guān)的屬性,主要是下面兩個。

lastIndex:返回下一次開始搜索的位置。該屬性可讀寫,但是只在設(shè)置了g修飾符時有意義。
source:返回正則表達(dá)式的字符串形式(不包括反斜杠),該屬性只讀。

var r = /abc/igm;

r.lastIndex // 0
r.source // "abc"

test()

正則對象的test方法返回一個布爾值,表示當(dāng)前模式是否能匹配參數(shù)字符串。

/cat/.test('cats and dogs') // true

上面代碼驗證參數(shù)字符串之中是否包含cat,結(jié)果返回true。

如果正則表達(dá)式帶有g(shù)修飾符,則每一次test方法都從上一次結(jié)束的位置開始向后匹配。
當(dāng)匹配到返回false時,lastIndex會變?yōu)?從頭開始匹配。

lastIndex屬性只對同一個正則表達(dá)式有效,所以下面這樣寫是錯誤的。

var count = 0;
while (/a/g.test('babaa')) count++;

上面代碼會導(dǎo)致無限循環(huán),因為while循環(huán)的每次匹配條件都是一個新的正則表達(dá)式,導(dǎo)致lastIndex屬性總是等于0。

如果正則模式是一個空字符串,則匹配所有字符串。

new RegExp('').test('abc')
// true

exec()

正則對象的exec方法,可以返回匹配結(jié)果。
如果發(fā)現(xiàn)匹配,就返回一個數(shù)組,成員是每一個匹配成功的子字符串,否則返回null。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

r1.exec(s) // ["x"]
r2.exec(s) // null

上面代碼中,正則對象r1匹配成功,返回一個數(shù)組,成員是匹配結(jié)果;正則對象r2匹配失敗,返回null。

如果正則表示式包含圓括號(即含有“組匹配”),則返回的數(shù)組會包括多個成員。
第一個成員是整個匹配成功的結(jié)果,后面的成員就是圓括號對應(yīng)的匹配成功的組。
也就是說,第二個成員對應(yīng)第一個括號,第三個成員對應(yīng)第二個括號,以此類推。
整個數(shù)組的length屬性等于組匹配的數(shù)量再加1。

var s = '_x_x';
var r = /_(x)/;

r.exec(s) // ["_x", "x"]

上面代碼的exec方法,返回一個數(shù)組。第一個成員是整個匹配的結(jié)果,第二個成員是圓括號匹配的結(jié)果。

exec方法的返回數(shù)組還包含以下兩個屬性:

input:整個原字符串。
index:整個模式匹配成功的開始位置(從0開始計數(shù))。

var r = /a(b+)a/;
var arr = r.exec('_abbba_aba_');

arr // ["abbba", "bbb"]

arr.index // 1
arr.input // "_abbba_aba_"

上面代碼中的index屬性等于1,是因為從原字符串的第二個位置開始匹配成功。

如果正則表達(dá)式加上g修飾符,則可以使用多次exec方法,下一次搜索的位置從上一次匹配成功結(jié)束的位置開始。

var r = /a(b+)a/g;

var a1 = r.exec('_abbba_aba_');
a1 // ['abbba', 'bbb']
a1.index // 1
r.lastIndex // 6

var a2 = r.exec('_abbba_aba_');
a2 // ['aba', 'b']
a2.index // 7
r.lastIndex // 10

var a3 = r.exec('_abbba_aba_');
a3 // null
a3.index // TypeError: Cannot read property 'index' of null
r.lastIndex // 0

var a4 = r.exec('_abbba_aba_');
a4 // ['abbba', 'bbb']
a4.index // 1
r.lastIndex // 6

上面代碼連續(xù)用了四次exec方法,前三次都是從上一次匹配結(jié)束的位置向后匹配。
當(dāng)?shù)谌纹ヅ浣Y(jié)束以后,整個字符串已經(jīng)到達(dá)尾部,正則對象的lastIndex屬性重置為0,意味著第四次匹配將從頭開始。

正則對象的lastIndex屬性不僅可讀,還可寫。
一旦手動設(shè)置了lastIndex的值,就會從指定位置開始匹配。
但是,這只在設(shè)置了g修飾符的情況下,才會有效。

var r = /a/;

r.lastIndex = 7; // 無效
var match = r.exec('xaxa');
match.index // 1
r.lastIndex // 7

上面代碼設(shè)置了lastIndex屬性,但是因為正則表達(dá)式?jīng)]有g(shù)修飾符,所以是無效的。每次匹配都是從字符串的頭部開始。
如果正則對象是一個空字符串,則exec方法會匹配成功,但返回的也是空字符串。

var r1 = new RegExp('');
var a1 = r1.exec('abc');
a1 // ['']
a1.index // 0
r1.lastIndex // 0

var r2 = new RegExp('()');
var a2 = r2.exec('abc');
a2 // ['', '']
a2.index // 0
r2.lastIndex // 0

永遠(yuǎn)都會返回0。

字符串對象的方法

字符串對象的方法之中,有4種與正則對象有關(guān)。

match():返回一個數(shù)組,成員是所有匹配的子字符串。
search():按照給定的正則表達(dá)式進(jìn)行搜索,返回一個整數(shù),表示匹配開始的位置。
replace():按照給定的正則表達(dá)式進(jìn)行替換,返回替換后的字符串。
split():按照給定規(guī)則進(jìn)行字符串分割,返回一個數(shù)組,包含分割后的各個成員。

String.prototype.match()

字符串對象的match方法對字符串進(jìn)行正則匹配,返回匹配結(jié)果。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

s.match(r1) // ["x"]
s.match(r2) // null

從上面代碼可以看到,字符串的match方法與正則對象的exec方法非常類似:匹配成功返回一個數(shù)組,匹配失敗返回null。

如果正則表達(dá)式帶有g(shù)修飾符,則該方法與正則對象的exec方法行為不同,會一次性返回所有匹配成功的結(jié)果。

var s = 'abba';
var r = /a/g;

s.match(r) // ["a", "a"]
r.exec(s) // ["a"]

設(shè)置正則表達(dá)式的lastIndex屬性,對match方法無效,匹配總是從字符串的第一個字符開始。

var r = /a|b/g;
r.lastIndex = 7;
'xaxb'.match(r) // ['a', 'b']
r.lastIndex // 0

上面代碼表示,設(shè)置lastIndex屬性是無效的。

String.prototype.search()

字符串對象的search方法,返回第一個滿足條件的匹配結(jié)果在整個字符串中的位置。如果沒有任何匹配,則返回-1。

'_x_x'.search(/x/)
// 1

上面代碼中,第一個匹配結(jié)果出現(xiàn)在字符串的1號位置。

該方法會忽略g修飾符。

var r = /x/g;
r.lastIndex = 2; // 無效
'_x_x'.search(r) // 1

上面代碼中,正則表達(dá)式使用g修飾符之后,使用lastIndex屬性指定開始匹配的位置,結(jié)果無效,還是從字符串的第一個字符開始匹配。

String.prototype.replace()

字符串對象的replace方法可以替換匹配的值。
它接受兩個參數(shù),第一個是搜索模式,第二個是替換的內(nèi)容。

str.replace(search, replacement)
搜索模式如果不加g修飾符,就替換第一個匹配成功的值,否則替換所有匹配成功的值。

'aaa'.replace('a', 'b') // "baa"
'aaa'.replace(/a/, 'b') // "baa"
'aaa'.replace(/a/g, 'b') // "bbb"

上面代碼中,最后一個正則表達(dá)式使用了g修飾符,導(dǎo)致所有的b都被替換掉了。

replace方法的一個應(yīng)用,就是消除字符串首尾兩端的空格。

var str = '  #id div.class  ';

str.replace(/^\s+|\s+$/g, '')
// "#id div.class"

replace方法的第二個參數(shù)可以使用美元符號$,用來指代所替換的內(nèi)容。

$& 指代匹配的子字符串。
$` 指代匹配結(jié)果前面的文本。
$' 指代匹配結(jié)果后面的文本。
$n 指代匹配成功的第n組內(nèi)容,n是從1開始的自然數(shù)。
$$ 指代美元符號$。

'hello world'.replace(/(\w+)\s(\w+)/, '$2 $1')
// "world hello"

'abc'.replace('b', '[$`-$&-$\']')
// "a[a-b-c]c"

replace方法的第二個參數(shù)還可以是一個函數(shù),將每一個匹配內(nèi)容替換為函數(shù)返回值。

'3 and 5'.replace(/[0-9]+/g, function(match){
  return 2 * match;
})
// "6 and 10"

var a = 'The quick brown fox jumped over the lazy dog.';
var pattern = /quick|brown|lazy/ig;

a.replace(pattern, function replacer(match) {
  return match.toUpperCase();
});
// The QUICK BROWN fox jumped over the LAZY dog.

作為replace方法第二個參數(shù)的替換函數(shù),可以接受多個參數(shù)。
第一個參數(shù)是捕捉到的內(nèi)容,第二個參數(shù)是捕捉到的組匹配(有多少個組匹配,就有多少個對應(yīng)的參數(shù))。
此外,最后還可以添加兩個參數(shù),倒數(shù)第二個參數(shù)是捕捉到的內(nèi)容在整個字符串中的位置(比如從第五個位置開始),最后一個參數(shù)是原字符串。下面是一個網(wǎng)頁模板替換的例子。

var prices = {
  'pr_1': '$1.99',
  'pr_2': '$9.99',
  'pr_3': '$5.00'
};

var template = '/* ... */'; // 這里可以放網(wǎng)頁模塊字符串

template.replace(
  /(<span id=")(.*?)(">)(<\/span>)/g,
  function(match, $1, $2, $3, $4){
    return $1 + $2 + $3 + prices[$2] + $4;
  }
);

上面代碼的捕捉模式中,有四個括號,所以會產(chǎn)生四個組匹配,在匹配函數(shù)中用$1到$4表示。匹配函數(shù)的作用是將價格插入模板中。

String.prototype.split()

字符串對象的split方法按照正則規(guī)則分割字符串,返回一個由分割后的各個部分組成的數(shù)組。

str.split(separator, [limit])
該方法接受兩個參數(shù),第一個參數(shù)是分隔規(guī)則,第二個參數(shù)是返回數(shù)組的最大成員數(shù)。

// 非正則分隔
'a,  b,c, d'.split(',')
// [ 'a', '  b', 'c', ' d' ]

// 正則分隔,去除多余的空格
'a,  b,c, d'.split(/, */)
// [ 'a', 'b', 'c', 'd' ]

// 指定返回數(shù)組的最大成員
'a,  b,c, d'.split(/, */, 2)
[ 'a', 'b' ]

上面代碼使用正則表達(dá)式,去除了子字符串的逗號后面的空格。

// 例一
'aaa*a*'.split(/a*/)
// [ '', '*', '*' ]

// 例二
'aaa**a*'.split(/a*/)
// ["", "*", "*", "*"]

上面代碼的分割規(guī)則是0次或多次的a,由于正則默認(rèn)是貪婪匹配,所以例一的第一個分隔符是aaa,第二個分割符是a,將字符串分成三個部分,包含開始處的空字符串。例二的第一個分隔符是aaa,第二個分隔符是0個a(即空字符),第三個分隔符是a,所以將字符串分成四個部分

如果正則表達(dá)式帶有括號,則括號匹配的部分也會作為數(shù)組成員返回。

'aaa*a*'.split(/(a*)/)
// [ '', 'aaa', '*', 'a', '*' ]

上面代碼的正則表達(dá)式使用了括號,第一個組匹配是“aaa”,第二個組匹配是“a”,它們都作為數(shù)組成員返回。

匹配規(guī)則

字面量字符和元字符

大部分字符在正則表達(dá)式中,就是字面的含義,比如/a/匹配a,/b/匹配b。
如果在正則表達(dá)式之中,某個字符只表示它字面的含義(就像前面的a和b),那么它們就叫做“字面量字符”(literal characters)。

除了字面量字符以外,還有一部分字符有特殊含義,不代表字面的意思。
它們叫做“元字符”(metacharacters),主要有以下幾個。

點字符(.)

點字符(.)匹配除
回車(\r)、換行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)
以外的所有字符。

/c.t/

上面代碼中,c.t匹配c和t之間包含任意一個字符的情況,只要這三個字符在同一行,比如cat、c2t、c-t等等,但是不匹配coot。

位置字符

位置字符用來提示字符所處的位置,主要有兩個字符。

^ 表示字符串的開始位置
$ 表示字符串的結(jié)束位置

// test必須出現(xiàn)在開始位置
/^test/.test('test123') // true

// test必須出現(xiàn)在結(jié)束位置
/test$/.test('new test') // true

// 從開始位置到結(jié)束位置只有test
/^test$/.test('test') // true
/^test$/.test('test test') // false

選擇符(|)

豎線符號(|)在正則表達(dá)式中表示“或關(guān)系”(OR)
即cat|dog表示匹配cat或dog。

/11|22/.test('911') // true

上面代碼中,正則表達(dá)式指定必須匹配11或22。

多個選擇符可以聯(lián)合使用。

// 匹配fred、barney、betty之中的一個
/fred|barney|betty/

選擇符會包括它前后的多個字符,比如/ab|cd/指的是匹配ab或者cd,而不是指匹配b或者c。如果想修改這個行為,可以使用圓括號。

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

上面代碼指的是,a和b之間有一個空格或者一個制表符。

其他的元字符還包括\、*、+、?、()、[]、{}等,將在下文解釋。

轉(zhuǎn)義符

正則表達(dá)式中那些有特殊含義的字符,如果要匹配它們本身,就需要在它們前面要加上反斜杠。比如要匹配加號,就要寫成+。

/1+1/.test('1+1')
// false

/1\+1/.test('1+1')
// true

上面代碼中,第一個正則表達(dá)式直接用加號匹配,結(jié)果加號解釋成量詞,導(dǎo)致不匹配。第二個正則表達(dá)式使用反斜杠對加號轉(zhuǎn)義,就能匹配成功。

正則模式中,需要用斜杠轉(zhuǎn)義的,一共有12個字符:
^、.、[、$、(、)、|、*、+、?、{和\。
需要特別注意的是,如果使用RegExp方法生成正則對象,轉(zhuǎn)義需要使用兩個斜杠,因為字符串內(nèi)部會先轉(zhuǎn)義一次。

(new RegExp('1\+1')).test('1+1')
// false

(new RegExp('1\\+1')).test('1+1')
// true

上面代碼中,RegExp作為構(gòu)造函數(shù),參數(shù)是一個字符串。但是,在字符串內(nèi)部,反斜杠也是轉(zhuǎn)義字符,所以它會先被反斜杠轉(zhuǎn)義一次,然后再被正則表達(dá)式轉(zhuǎn)義一次,因此需要兩個反斜杠轉(zhuǎn)義。

特殊字符

則表達(dá)式對一些不能打印的特殊字符,提供了表達(dá)方法。

\cX 表示Ctrl-[X],其中的X是A-Z之中任一個英文字母,用來匹配控制字符。
[\b] 匹配退格鍵(U+0008),不要與\b混淆。
\n 匹配換行鍵。
\r 匹配回車鍵。
\t 匹配制表符tab(U+0009)。
\v 匹配垂直制表符(U+000B)。
\f 匹配換頁符(U+000C)。
\0 匹配null字符(U+0000)。
\xhh 匹配一個以兩位十六進(jìn)制數(shù)(\x00-\xFF)表示的字符。
\uhhhh 匹配一個以四位十六進(jìn)制數(shù)(\u0000-\uFFFF)表示的unicode字符。

字符類

字符類(class)表示有一系列字符可供選擇,只要匹配其中一個就可以了。所有可供選擇的字符都放在方括號內(nèi),比如[xyz] 表示x、y、z之中任選一個匹配。

/[abc]/.test('hello world') // false
/[abc]/.test('apple') // true

上面代碼表示,字符串“hello world”不包含a、b、c這三個字母中的任一個,而字符串“apple”包含字母a。

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

脫字符(^)

如果方括號內(nèi)的第一個字符是[],則表示除了字符類之中的字符,其他字符都可以匹配。比如,[xyz]表示除了x、y、z之外都可以匹配。

/[^abc]/.test('hello world') // true
/[^abc]/.test('bbc') // false

上面代碼表示,字符串“hello world”不包含字母a、b、c中的任一個,所以返回true;字符串“bbc”不包含a、b、c以外的字母,所以返回false。

如果方括號內(nèi)沒有其他字符,即只有[^],就表示匹配一切字符,其中包括換行符,而點號(.)是不包括換行符的。

連字符(-)

某些情況下,對于連續(xù)序列的字符,連字符(-)用來提供簡寫形式,表示字符的連續(xù)范圍。比如,[abc]可以寫成[a-c],[0123456789]可以寫成[0-9],同理[A-Z]表示26個大寫字母。

/a-z/.test('b') // false
/[a-z]/.test('b') // true

上面代碼中,當(dāng)連字號(dash)不出現(xiàn)在方括號之中,就不具備簡寫的作用,只代表字面的含義,所以不匹配字符b。只有當(dāng)連字號用在方括號之中,才表示連續(xù)的字符序列。

以下都是合法的字符類簡寫形式。

[0-9.,]
[0-9a-fA-F]
[a-zA-Z0-9-]
[1-31]

上面代碼中最后一個字符類[1-31],不代表1到31,只代表1到3。

注意,字符類的連字符必須在頭尾兩個字符中間,才有特殊含義,否則就是字面含義。比如,[-9]就表示匹配連字符和9,而不是匹配0到9。

連字符還可以用來指定Unicode字符的范圍。

var str = "\u0130\u0131\u0132";
/[\u0128-\uFFFF]/.test(str)
// true

另外,不要過分使用連字符,設(shè)定一個很大的范圍,否則很可能選中意料之外的字符。最典型的例子就是[A-z],表面上它是選中從大寫的A到小寫的z之間52個字母,但是由于在ASCII編碼之中,大寫字母與小寫字母之間還有其他字符,結(jié)果就會出現(xiàn)意料之外的結(jié)果。

/[A-z]/.test('\\') // true

上面代碼中,由于反斜杠(\)的ASCII碼在大寫字母與小寫字母之間,結(jié)果會被選中。

預(yù)定義模式

預(yù)定義模式指的是某些常見模式的簡寫方式。

\d 匹配0-9之間的任一數(shù)字,相當(dāng)于[0-9]。
\D 匹配所有0-9以外的字符,相當(dāng)于[^0-9]。
\w 匹配任意的字母、數(shù)字和下劃線,相當(dāng)于[A-Za-z0-9_]。
\W 除所有字母、數(shù)字和下劃線以外的字符,相當(dāng)于[^A-Za-z0-9_]。
\s 匹配空格(包括制表符、空格符、斷行符等),相等于[\t\r\n\v\f]。
\S 匹配非空格的字符,相當(dāng)于[^\t\r\n\v\f]。
\b 匹配詞的邊界。
\B 匹配非詞邊界,即在詞的內(nèi)部。
下面是一些例子。

// \s的例子
/\s\w*/.exec('hello world') // [" world"]

// \b的例子
/\bworld/.test('hello world') // true
/\bworld/.test('hello-world') // true
/\bworld/.test('helloworld') // false

// \B的例子
/\Bworld/.test('hello-world') // false
/\Bworld/.test('helloworld') // true

上面代碼中,\s表示空格,所以匹配結(jié)果會包括空格。\b表示詞的邊界,所以“world”的詞首必須獨立(詞尾是否獨立未指定),才會匹配。同理,\B表示非詞的邊界,只有“world”的詞首不獨立,才會匹配。

通常,正則表達(dá)式遇到換行符(\n)就會停止匹配。

var html = "<b>Hello</b>\n<i>world!</i>";

/.*/.exec(html)[0]
// "<b>Hello</b>"

上面代碼中,字符串html包含一個換行符,結(jié)果點字符(.)不匹配換行符,導(dǎo)致匹配結(jié)果可能不符合原意。這時使用\s字符類,就能包括換行符。

var html = "<b>Hello</b>\n<i>world!</i>";

/[\S\s]*/.exec(html)[0]
// "<b>Hello</b>\n<i>world!</i>"

// 另一種寫法(用到了非捕獲組)
/(?:.|\s)*/.exec(html)[0]
// "<b>Hello</b>\n<i>world!</i>"

上面代碼中,[\S\s]指代一切字符。

重復(fù)類

模式的精確匹配次數(shù),使用大括號({})表示。{n}表示恰好重復(fù)n次,{n,}表示至少重復(fù)n次,{n,m}表示重復(fù)不少于n次,不多于m次。##

/lo{2}k/.test('look') // true
/lo{2,5}k/.test('looook') // true

上面代碼中,第一個模式指定o連續(xù)出現(xiàn)2次,第二個模式指定o連續(xù)出現(xiàn)2次到5次之間。

量詞符

量詞符用來設(shè)定某個模式出現(xiàn)的次數(shù)。

? 問號表示某個模式出現(xiàn)0次或1次,等同于{0, 1}。

  • 星號表示某個模式出現(xiàn)0次或多次,等同于{0,}。
  • 加號表示某個模式出現(xiàn)1次或多次,等同于{1,}。
// t出現(xiàn)0次或1次
/t?est/.test('test') // true
/t?est/.test('est') // true

// t出現(xiàn)1次或多次
/t+est/.test('test") // true
/t+est/.test('ttest') // true
/t+est/.test('est') // false

// t出現(xiàn)0次或多次
/t*est/.test('test') // true
/t*est/.test('ttest') // true
/t*est/.test('tttest') // true
/t*est/.test('est') // true

貪婪模式

上一小節(jié)的三個量詞符,默認(rèn)情況下都是最大可能匹配,即匹配直到下一個字符不滿足匹配規(guī)則為止。這被稱為貪婪模式。

var s = 'aaa';
s.match(/a+/) // ["aaa"]

上面代碼中,模式是/a+/,表示匹配1個a或多個a,那么到底會匹配幾個a呢?因為默認(rèn)是貪婪模式,會一直匹配到字符a不出現(xiàn)為止,所以匹配結(jié)果是3個a。

如果想將貪婪模式改為非貪婪模式,可以在量詞符后面加一個問號。

var s = 'aaa';
s.match(/a+?/) // ["a"]
上面代碼中,模式結(jié)尾添加了一個問號/a+?/,這時就改為非貪婪模式,一旦條件滿足,就不再往下匹配。

除了非貪婪模式的加號,還有非貪婪模式的星號(*)。

*?:表示某個模式出現(xiàn)0次或多次,匹配時采用非貪婪模式。
+?:表示某個模式出現(xiàn)1次或多次,匹配時采用非貪婪模式。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,333評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,491評論 3 416
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,263評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,946評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,708評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,409評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,939評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,774評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,641評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,872評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,650評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內(nèi)容