JavaScript學習筆記十九：标準對象-RegExp

JavaScript教程傳送門

在正規表達式中，如果直接給出字元，就是精确比對。用

\d

可以比對一個數字，

\w

可以比對一個字母或數字，是以：

• '00\d'

  可以比對

  '007'

  ，但無法比對

  '00A'

  ；

• '\d\d\d'

  可以比對

  '010'

  ；

• '\w\w'

  可以比對

  'js'

  ；

.

可以比對任意字元，是以：

• 'js.'

  可以比對

  'jsp'

  、

  'jss'

  、

  'js!'

  等等。

要比對變長的字元，在正規表達式中，用

*

表示任意個字元（包括0個），用

+

表示至少一個字元，用

?

表示0個或1個字元，用

{n}

表示n個字元，用

{n,m}

表示n-m個字元：

進階

可以用

[]

表示範圍，比如：

• [0-9a-zA-Z\_]

  可以比對一個數字、字母或者下劃線；

• [0-9a-zA-Z\_]+

  可以比對至少由一個數字、字母或者下劃線組成的字元串，比如

  'a100'

  ，

  '0_Z'

  ，

  'js2015'

  等等；

• [a-zA-Z\_\$][0-9a-zA-Z\_\$]*

  可以比對由字母或下劃線、 開頭，後接任意個由一個數字、字母或者下劃線、 組成的字元串，也就是JavaScript允許的變量名；

• [a-zA-Z\_\$][0-9a-zA-Z\_\$]{0, 19}

  更精确地限制了變量的長度是1-20個字元（前面1個字元+後面最多19個字元）。

A|B

可以比對A或B，是以

[J|j]ava[S|s]cript

可以比對

'JavaScript'

、

'Javascript'

、

'javaScript'

或者

'javascript'

。

^

表示行的開頭，

^\d

表示必須以數字開頭。

$

表示行的結束，

\d$

表示必須以數字結束。

RegExp

JavaScript有兩種方式建立一個正規表達式：

第一種方式是直接通過

/正規表達式/

寫出來，第二種方式是通過

new RegExp('正規表達式')

建立一個RegExp對象。

var re1 = /ABC\-001/;
var re2 = new RegExp('ABC\\-001');

re1; // /ABC\-001/
re2; // /ABC\-001/
           

判斷正規表達式是否比對：

// RegExp對象的test()方法用于測試給定的字元串是否符合條件
var re = /^\d{3}\-\d{3,8}$/;
re.test('010-12345'); // true
re.test('010-1234x'); // false
re.test('010 12345'); // false
           

切分字元串

'a b   c'.split(' '); // ['a', 'b', '', '', 'c']

// 上面的方法無法識别連續的空格，用正規表達式試試：
'a b   c'.split(/\s+/); // ['a', 'b', 'c']

// 無論多少個空格都可以正常分割。加入,試試：
'a,b, c  d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd']

// 再加入;試試：
'a,b;; c  d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd']
           

分組

除了簡單地判斷是否比對之外，正規表達式還有提取子串的強大功能。用

()

表示的就是要提取的分組（Group）。比如：

^(\d{3})-(\d{3,8})$

分别定義了兩個組，可以直接從比對的字元串中提取出區号和本地号碼：

// exec()方法在比對成功後，會傳回一個Array，第一個元素是正規表達式比對到的整個字元串，後面的字元串表示比對成功的子串
// exec()方法在比對失敗時傳回null
var re = /^(\d{})-(\d{,})$/;
re.exec('010-12345'); // ['010-12345', '010', '12345']
re.exec('010 12345'); // null
           

貪婪比對

正則比對預設是貪婪比對，也就是比對盡可能多的字元。舉例如下，比對出數字後面的

：

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']
           

由于

\d+

采用貪婪比對，直接把後面的

全部比對了，加個

?

就可以讓

\d+

采用非貪婪比對：

var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']
           

全局搜尋

JavaScript的正規表達式還有幾個特殊的标志，最常用的是

g

，表示全局比對：

var r1 = /test/g;
// 等價于:
var r2 = new RegExp('test', 'g');
           

全局比對可以多次執行

exec()

方法來搜尋一個比對的字元串。當我們指定

g

标志後，每次運作

exec()

，正規表達式本身會更新

lastIndex

屬性，表示上次比對到的最後索引：

var s = 'JavaScript, VBScript, JScript and ECMAScript';
var re=/[a-zA-Z]+Script/g;

// 使用全局比對:
re.exec(s); // ['JavaScript']
re.lastIndex; // 

re.exec(s); // ['VBScript']
re.lastIndex; // 

re.exec(s); // ['JScript']
re.lastIndex; // 

re.exec(s); // ['ECMAScript']
re.lastIndex; // 
           

全局比對類似搜尋，是以不能使用

/^...$/

，那樣隻會最多比對一次。

正規表達式還可以指定

i

标志，表示忽略大小寫，

m

标志，表示執行多行比對。