圖解前端之正則表達式

之前都只是網上看文章，學學正則。然，一直都處於入門階段。

學東西最怕只知其一;不知其二。

因而最近找了本書看看《正則表達式必知必會》。

那酸爽的感受。學正則有啥用？閱讀大神源碼，本身寫底層等。都有很大幫助。

 

 

 

整本書從最簡單的「單個字符」，而後字符集合，元字符，，，到最後的嵌入條件，逐步加深。圖中標記了「紅叉」的都是谷歌瀏覽器不支持的。

其實除了非貪婪模式，其餘都不難。

 

例子：

北美電話號碼:

文本:

Doe:2248-555-1234

Smith:(313) 555-1234

Lee:(810)555-1234

正則表達式:

\(?[2-9]\d\d\)?[ -]?[2-9]\d\d-\d{4}

 

URL地址:

https?://[-\w.]+(:\d+)?(/([\w/_.]*)?)?

https?能夠匹配http或https

(:\d+)?匹配端口號

(/([\w/_.]*)?)?負責匹配一個文件路徑

 

電子郵箱地址:

(\w+\.)*\w+@(\w\.)+[A-Za-z]+

 (\w+\.)*\w+匹配用戶名

 

HTML註釋

<!-{2,}.*?-{2,}>

懂了非貪婪模式，看這個就簡單。 

 

JS註釋:

//.*

 

身份證號碼:

http://www.cnblogs.com/geilishu/p/5002210.html

 

 

其餘資料:

正則表達式符號大全:http://www.cnblogs.com/yirlin/archive/2006/04/12/373222.html