图解前端之正则表达式

Posted 2020-07-30 给力叔

以前都只是网上看文章，学学正则。然，一直都处于入门阶段。

学东西最怕一知半解。

于是最近找了本书看看《正则表达式必知必会》。

那酸爽的感觉。学正则有啥用？阅读大神源码，自己写底层等。都有很大帮助。

 

 

 

整本书从最简单的“单个字符”，然后字符集合，元字符，，，到最后的嵌入条件，逐步加深。图中标记了“红叉”的都是谷歌浏览器不支持的。

其实除了非贪婪模式，其他都不难。

 

例子：

北美电话号码:

文本:

Doe:2248-555-1234

Smith:[phone]

Lee:[phone]

正则表达式:

\\(?[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