僅1個(gè)例子輕松學(xué)習(xí)正則表達(dá)式
正則表達(dá)式的語法就不多說了,大家可以自己搜索查閱相關(guān)資料學(xué)習(xí)。本文所舉例子是在《JavaScript語言精粹》上看到的,看完之后對(duì)正則表達(dá)式有了進(jìn)一步的理解,故分享之。
例子
//這是一個(gè)用來匹配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è)部分,看看它是如何工作的:
^
^字符表示此字符串的開始,它是一個(gè)錨,指引exec不要跳過那些不像URL的前綴,只匹配那些從開頭就像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),該匹配 / (斜杠)。它用 \ (反斜杠)來進(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è) / 開始。之后的字符類[^?#]以一個(gè)^開始,它表示這個(gè)類包含除 ? 和 # 之外的所有字符。* 表示這個(gè)字符類會(huì)被匹配0次或多次。
注意我在這里的處理是不嚴(yán)謹(jǐn)?shù)?。這個(gè)類匹配除 ? 和 # 之外的所有字符,其中包括了行結(jié)束符、控制字符、以及其他大量不應(yīng)在此被匹配的字符。大多數(shù)情況下,它會(huì)按照我們的預(yù)期去做,但某些惡意文本可能會(huì)有滲漏進(jìn)來的風(fēng)險(xiǎn)。不嚴(yán)謹(jǐn)?shù)恼齽t表示式是一個(gè)常見的安全漏洞發(fā)源地。寫不嚴(yán)謹(jǐn)?shù)恼齽t表達(dá)式比寫嚴(yán)謹(jǐn)?shù)恼齽t表示式要容易的多。
(?:\?([^#]*))?
這個(gè)因子是一個(gè)以一個(gè) ? 開始的可選分組。它包含捕獲型分組6,這個(gè)分組包含0個(gè)或多個(gè)非#字符。
(?:#(.*))?
這個(gè)因子是以 # 開始的可選分組。. 會(huì)匹配除行結(jié)束符以外的所有字符。
$
$表示這個(gè)字符串的結(jié)束。它保證在這個(gè)URL的尾部沒有其他更多的內(nèi)容了。
通過這個(gè)簡(jiǎn)單例子,相信大家對(duì)正則表達(dá)式有了更進(jìn)一步的理解,祝大家學(xué)習(xí)愉快!
相關(guān)文章
javascript下一個(gè)還原h(huán)tml代碼的正則
javascript下一個(gè)還原h(huán)tml代碼的正則...2007-08-08正則表達(dá)式在IOS中的應(yīng)用及IOS中三種正則表達(dá)式的使用與比較
本篇文章給大家介紹正則表達(dá)式在IOS中應(yīng)用以及IOS中三種正則表達(dá)式式的使用與比較,感興趣的朋友跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧2015-09-09超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+講解
這篇文章主要介紹了超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+等好幾個(gè)比較強(qiáng)大到變態(tài)的規(guī)則,這里跟著腳本之家小編一起學(xué)習(xí)吧2020-02-02密碼強(qiáng)度的正則表達(dá)式兩種方案JS總結(jié)篇
本文給出了兩個(gè)密碼強(qiáng)度的正則表達(dá)式方案,一個(gè)簡(jiǎn)單,一個(gè)更復(fù)雜和安全。并分別給出了兩個(gè)方案的解析和測(cè)試程序。對(duì)密碼強(qiáng)度正則表達(dá)式的兩種方案感興趣的朋友跟隨腳本之家一起看看吧2018-03-03根據(jù)身份證號(hào)碼計(jì)算出生日期、年齡、性別(18位) 根據(jù)入職時(shí)間計(jì)算工齡。
適用于OA項(xiàng)目中這些對(duì)檔案的管理,需要的朋友可以參考下2012-08-08JavaScript 正則表達(dá)式驗(yàn)證函數(shù)代碼
上篇文章《JavaScript驗(yàn)證正則表達(dá)式大全》說的是javascript中使用的正則表達(dá)式的例子,但是沒有說這些正則表達(dá)式如何使用,現(xiàn)在給大家?guī)讉€(gè)例子,大家可以看看。2010-05-05