正則表達(dá)式是一個(gè)描述字符模式的對象。

首先，此片文章并不是直接告訴你，url的正則表達(dá)式是什么，以及怎么使用這個(gè)正則表達(dá)式去解析一個(gè)URL地址，相信這種問題在網(wǎng)絡(luò)上已經(jīng)能找到很多。本文的宗旨在于教你如何理解URL的正則表達(dá)式，以達(dá)到理解正則表達(dá)式，以及能夠在日后的工作中寫出相對簡單的正則。言歸正傳，先看看一下的例子：

var parse_url = /^(?:([A-Za-z]+):)?(//{0,3})([0-9./-A-Za-z]+)(?::(/d+))?(?://([^?#]*))?(?:/?([^#]*))?(?:#(.*))?$/;

var parse_url = /^(?:([A-Za-z]+):)?(//{,})([-./-A-Za-z]+)(?::(/d+))?(?://([^?#]*))?(?:/?([^#]*))?(?:#(.*))?$/; var url = "http://qiji.kerlai.net:/GoodsBasic/Operate/?q#simen"; var result = parse_url.exec(url); var names = ["url","scheme","slash","host","port","path","query","hash"]; for(var i=; i <names.length;i++){  console.log(names[i]+":"+result[i]); } //輸出結(jié)果 /* url:http://qiji.kerlai.net:/GoodsBasic/Operate/?q#simen scheme:http slash:// host:qiji.kerlai.net port: path:GoodsBasic/Operate/ query:q hash:simen */ 

我們先來看看結(jié)果：

url:http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen
scheme:http
slash://
host:qiji123.kerlai.net
port:81
path:GoodsBasic/Operate/12678
query:q
hash:simen

代碼中result數(shù)組的集合是['http://qiji123.kerlai.net:81/GoodsBasic/Operate/12678?q#simen','http', '//', 'qiji123.kerlai.net', '81', 'GoodsBasic/Operate/12678', 'q', 'simen']

現(xiàn)在我們嘗試把從第2個(gè)到最后一個(gè)的結(jié)果一個(gè)一個(gè)鏈接起來，得到的結(jié)果為："http // qiji123.kerlai.net 81 GoodsBasic/Operate/12678 q simen" 和原來的url相比，缺少了":?#"等鏈接符。這個(gè)是為何？說到這，我們就要引出正則表達(dá)式的一個(gè)概念為正則表達(dá)式的分組。正則表達(dá)式有4種分組，分別是：捕獲型、飛捕獲型、向前正向匹配、向前負(fù)向匹配。此處我重點(diǎn)介紹前面兩種，后面兩種大家可以自行補(bǔ)腦。其中非捕獲型的就不會(huì)在結(jié)果的數(shù)組中出現(xiàn)，（）括起來的為一個(gè)組，即會(huì)占用結(jié)果數(shù)組的一個(gè)位置。同樣如果在你的正則表達(dá)式中，沒有用括號(hào)括起來，那么所匹配到的字符將不會(huì)出現(xiàn)在exec()方法所返回的數(shù)組中。正則的分組是使用（）括起來的稱為一個(gè)分組。

1、捕獲型分組：(...)

2、非捕獲型分組：(?: .....)

3、向前正向匹配：(?=........)

4、向前負(fù)向匹配：(?!.........)

接下來我們來分解parse_url這個(gè)正則表達(dá)式，第一個(gè)分組

1、^表示字符串的開始

整個(gè)正則因子是匹配一個(gè)協(xié)議名：http

2、(?: )表示一個(gè)非捕獲型分組：即在這個(gè)括號(hào)內(nèi)的，但是不在其子括號(hào)內(nèi)所匹配到的字符將不放入結(jié)果數(shù)組中。

3、()表示一個(gè)捕獲型分組，此括號(hào)內(nèi)所匹配到的字符放入結(jié)果數(shù)組中對應(yīng)url中的:http字符

4、[]為正則表達(dá)式類，表示符合中括號(hào)內(nèi)任一一個(gè)字符。

7、A-Za-z表示字母A到字母Z，字母a到字母z。[A-Za-z]表示符合字母A到字母Z，字母a到字母z的任一一個(gè)字符

5、+表示匹配1次貨多次

6、？表示此組為可選匹配條件

第二個(gè)正則因子：(//{0,3})://

捕獲型分組，//表示一個(gè)應(yīng)該被匹配的/，{0,3}表示/將被匹配0次或者1到3次之間

([0-9./-A-Za-z]+):qiji123.kerlai.net

捕獲型分組，由一個(gè)或多個(gè)數(shù)字 ，“.”，”/-“(轉(zhuǎn)義成”-“)，字母A到Z和字母a到z組成

(?::(/d+))?：81

前置：放在非捕獲型分組中將不會(huì)出現(xiàn)在返回?cái)?shù)組中，/d表示匹配數(shù)字。整個(gè)因子就是匹配前置為：后面跟隨一個(gè)或多個(gè)數(shù)字。此分組因子為可選的

(?://([^?#]*))?：GoodsBasic/Operate/12678

該分組由/開始，^在此處表示非的意思，即除?#之外的所有字符 最后一個(gè)？表示此正則因子分組可選

(?:/?([^#]*))? ：q

該分組表示包含0個(gè)或多個(gè)非#字符

(?:#(.*))?：simen

該分組以#開始，(.)將匹配除結(jié)束符以外的所有字符。

 $表示這個(gè)字符串結(jié)束。

到此就已經(jīng)分析完url的所有分組。接下來大家可以寫寫電話號(hào)碼的正則表達(dá)式：既能匹配固定電話有能匹配手機(jī)號(hào)（這個(gè)會(huì)用到新的字符：|）