僅1個(gè)例子輕松學(xué)習(xí)正則表達(dá)式

正則表達(dá)式的語(yǔ)法就不多說(shuō)了，大家可以自己搜索查閱相關(guān)資料學(xué)習(xí)。本文所舉例子是在《JavaScript語(yǔ)言精粹》上看到的，看完之后對(duì)正則表達(dá)式有了進(jìn)一步的理解，故分享之。

例子

//這是一個(gè)用來(lái)匹配URL的正則表達(dá)式，分組獲取不同部分的信息
var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\&;([^#]*))?(?:#(.*))?$/;
var url = "http://www.ora.com:80/goodparts?q#fragment";
var result = parse_url.exec(url);
var names = ["url", "scheme", "slash", "host", "port", "path", "query", "hash"];var i;
for (i = 0; i  names.length; i++) {
 document.writeln(names[i] + ": " + result[i] + "br/>");
}

//這段代碼的輸出結(jié)果如下：
url: http://www.ora.com:80/goodparts?q#fragment
scheme: http
slash: //
host: www.ora.com
port: 80
path: goodparts
query: q
hash: fragment

解析
下面讓我們分解parse_url的各個(gè)部分，看看它是如何工作的：

^

^字符表示此字符串的開(kāi)始，它是一個(gè)錨，指引exec不要跳過(guò)那些不像URL的前綴，只匹配那些從開(kāi)頭就像URL一樣的字符串。

(?:([A-Za-z]+):)?

這個(gè)因子匹配一個(gè)協(xié)議名，但僅當(dāng)它后面跟隨一個(gè) :（冒號(hào)）的時(shí)候才匹配。(?: . . .)表示一個(gè)非捕獲型分組（noncapturing group）。后綴 ? 表示這個(gè)分組是可選的，它表示重復(fù)0次或1次。( . . .)表示一個(gè)捕獲型分組。一個(gè)捕獲型分組會(huì)復(fù)制它所匹配的文本，并把其放到result數(shù)組里。每個(gè)捕獲型分組都會(huì)被指定一個(gè)編號(hào)。第一個(gè)捕獲型分組的編號(hào)是1，所以該分組所匹配的文本副本會(huì)出現(xiàn)在result[1]中。 [ . . .]表示一個(gè)字符類。A-Za-z這個(gè)字符類包含26個(gè)大寫字母和26個(gè)小寫字母。連接字符 - 表示范圍從A-Z。后綴 + 表示這個(gè)字符類會(huì)被匹配一次或多次。這個(gè)組后面跟著字符 : ，它會(huì)按字面進(jìn)行匹配。 

(\/{0,3})

這個(gè)因子是捕獲型分組2，匹配//。\ /表示應(yīng),該匹配 / （斜杠）。它用 \ （反斜杠）來(lái)進(jìn)行轉(zhuǎn)義，這樣它就不會(huì)被錯(cuò)誤地解釋為這個(gè)正則表達(dá)式的結(jié)束符。后綴 {0,3} 表示 / 會(huì)匹配0~3次。

([0-9.\-A-Za-z]+)

這個(gè)因子是捕獲型分組3。它會(huì)匹配一個(gè)主機(jī)名，由一個(gè)或多個(gè)數(shù)字、字母以及 . 或 - 字符組成。- 會(huì)被轉(zhuǎn)義為 \- 以防止與表示范圍的連字符相混淆。

(?::(\d+))?

這個(gè)可選的因子匹配端口號(hào)，它是由一個(gè)前置 : 加上一個(gè)或多個(gè)數(shù)字而組成的序列。\d表示一個(gè)數(shù)字字符。一個(gè)或多個(gè)數(shù)字組成的數(shù)字串會(huì)被捕獲型分組4捕獲。

(?:\/([^?#]*))?

這個(gè)因子也是可選的分組，匹配路徑。該分組以一個(gè) / 開(kāi)始。之后的字符類[^?#]以一個(gè)^開(kāi)始，它表示這個(gè)類包含除 ? 和 # 之外的所有字符。* 表示這個(gè)字符類會(huì)被匹配0次或多次。

注意我在這里的處理是不嚴(yán)謹(jǐn)?shù)?。這個(gè)類匹配除 ? 和 # 之外的所有字符，其中包括了行結(jié)束符、控制字符、以及其他大量不應(yīng)在此被匹配的字符。大多數(shù)情況下，它會(huì)按照我們的預(yù)期去做，但某些惡意文本可能會(huì)有滲漏進(jìn)來(lái)的風(fēng)險(xiǎn)。不嚴(yán)謹(jǐn)?shù)恼齽t表示式是一個(gè)常見(jiàn)的安全漏洞發(fā)源地。寫不嚴(yán)謹(jǐn)?shù)恼齽t表達(dá)式比寫嚴(yán)謹(jǐn)?shù)恼齽t表示式要容易的多。 

(?:\&;([^#]*))?

這個(gè)因子是一個(gè)以一個(gè) ? 開(kāi)始的可選分組。它包含捕獲型分組6，這個(gè)分組包含0個(gè)或多個(gè)非#字符。

(?:#(.*))?

這個(gè)因子是以 # 開(kāi)始的可選分組。. 會(huì)匹配除行結(jié)束符以外的所有字符。

$

$表示這個(gè)字符串的結(jié)束。它保證在這個(gè)URL的尾部沒(méi)有其他更多的內(nèi)容了。

通過(guò)這個(gè)簡(jiǎn)單例子，相信大家對(duì)正則表達(dá)式有了更進(jìn)一步的理解，祝大家學(xué)習(xí)愉快！