摘要：正則正則匹配的是零寬斷言這一塊我還沒有完成掌握，它的大概意思是，獲取某個(gè)字符或者某些字符前面的正則或者后面的正則。下一章正則表達(dá)式理論鞏固篇正則系列文章整理到了

如果你正則基礎(chǔ)為0，請先看第一篇文章：JavaScript正則表達(dá)式入門心得

上一章我分享了正則入門的一些體會以及注意事項(xiàng)。這一章開始挑一些常用的比較復(fù)雜一點(diǎn)的需求來練習(xí)一下。

郵箱種類太多太多，什么net后綴，特殊的我們不做處理，下面我找了常用的一些郵箱：

hyy@gmail.com  谷歌郵箱
hyy12@qq.com  qq郵箱
hyy-123@163.com  163郵箱
732662@sina.com  新浪郵箱
hyy@sohu.com  搜狐郵箱
hyy@hotmail.com  hotmai郵箱
hyy@189.cn  189郵箱
hyy@139.com  139郵箱

1、分析規(guī)則

xxx前綴：可以是數(shù)字、字母、-的組合
@：這個(gè)單字符匹配即可
后綴：英文或者數(shù)字
.：點(diǎn)分隔符
結(jié)尾：com或者cn

2、從第一個(gè)規(guī)則開始匹配
前綴可以是數(shù)字、字母、-的組合，-的特點(diǎn)是只能寫在數(shù)字或者字母中間，不能放在收尾兩邊。

w+-?w+ //表示數(shù)字或者字母，中間可以插入-。

匹配結(jié)果，加粗部分
hyy@gmail.com 谷歌郵箱
hyy12@qq.com qq郵箱
hyy-123@163.com 163郵箱
732662@sina.com 新浪郵箱
hyy@sohu.com 搜狐郵箱
hyy@hotmail.com hotmai郵箱
hyy@189.cn 189郵箱
hyy@139.com 139郵箱

3、匹配@字符

w+-?w+@ 

匹配結(jié)果，加粗部分
hyy@gmail.com 谷歌郵箱
hyy12@qq.com qq郵箱
hyy-123@163.com 163郵箱
732662@sina.com 新浪郵箱
hyy@sohu.com 搜狐郵箱
hyy@hotmail.com hotmai郵箱
hyy@189.cn 189郵箱
hyy@139.com 139郵箱

4、后面的規(guī)則就很簡單了

/w+-?w+@w+.(com|cn)/g

查看匹配結(jié)果

時(shí)間格式有很多，如果要寫一個(gè)大正則來匹配所有，挺難，下面我們只匹配xxxx-xx-xx。

2017-09-15

1、分析規(guī)則
這里分為幾個(gè)點(diǎn)，年、月、日
年：4位數(shù)字，1或2開頭
月：2位數(shù)字，0或1開頭
日：1位數(shù)字的時(shí)候是1-9，2位數(shù)字的時(shí)候，第一位是0-3，第二位是0-9

2、匹配年
日期正則是最難寫的之一，要寫得很精確，非常難。
第一位數(shù)字1或者2，使用(1|2){1}，2-4位是0-9，寫成[0-9]{3}，組合起來就是年

/(1|2){1}[0-9]{3}/g

3、匹配月
年和月之間的連接符寫成-

/(1|2){1}[0-9]{3}-/g

月的組成分為0開頭和1開頭2種情況，如果是0開頭，第一位的0也可以不存在，第二位是0-9。如果是1開頭，第二位是0-2，組合起來就是(0?[1-9]|1[0-2])

/(1|2){1}[0-9]{3}-(0?[1-9]|1[0-2])/g

4、匹配日
日期第一位是0的時(shí)候，第二位是0-9，第一位是1的時(shí)候，第二位是0-9，第一位是2的時(shí)候，第二位是0-9，第一位是3的時(shí)候，第二位是0-1，則(0[1-9]|1[0-9]|2[0-9]|3[0-1])

/(1|2){1}[0-9]{3}-(0?[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-9]|3[0-1])/g

5、日期格式類型很多，你應(yīng)該按照你工作需要去寫規(guī)則，這里我列舉這么多是為了練習(xí)多種規(guī)則的組合寫法。

url正則也是一個(gè)復(fù)雜的場景，我找了幾個(gè)不一樣的url來測試

https://segmentfault.com/write
https://shimo.im/doc/ME90WXr4Hm8nx3Jl?r=PPGD2D
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Caching_FAQ
https://regex101.com/
http://www.baidu.com/#/about
http://www.baidu.com

這次我們省略步驟，直接分析，先是開頭，2種寫法，http://和https://

/https?:///g

接著看域名，可能是xx.com，也可能是yy.xx.com

/https?://w+.w+(.w+)?/?/g

到了后面，規(guī)則變的非常復(fù)雜，我也不是非常了解url域名之后的所有寫法，就從我一開始寫的測試集來看，可以寫成下面的形式

/https?://w+.w+(.w+)?/?([w-_#/?=.]+)?/g

這個(gè)正則雖然匹配出來了所以測試樣例，但是他是有缺陷的，我在網(wǎng)上也看了其他的一些寫法，測試之后都有問題，如何寫出一個(gè)精確度非常高的url正則，還需要你的努力。

網(wǎng)上的正則是使用window.location.search來獲取問號后面的參數(shù)字符，我使用了一種純正則實(shí)現(xiàn)的新方法。url可傳可不傳。

function getUrlParamName(name, url) {
  if (typeof name !== "string") throw Error("必須是字符串")
  if (!url) {
    //如果沒有傳url，則讀取當(dāng)前網(wǎng)站的url
    url = window.location.href
  }
  //匹配出name=value的數(shù)組
  let arr = url.match(/(?!(?:(?|&)))(w+)=(w+)/g);
  for(let v of arr){
    //如果某個(gè)元素和傳入?yún)?shù)組成的字符串剛好匹配，則返回該value。
    if(new RegExp(name + "=([0-9a-zA-Z]+)", "g").test(v)) {
      return v.match(new RegExp(name + "=([0-9a-zA-Z]+)", "i"))[1]
    } 
  }
  return null
}
let t = getUrlParamName("r")
console.log(t) // PPGD2D

方法你可以花時(shí)間慢慢研究，我在這里教你一個(gè)新知識，叫做零寬斷言。

(?!(?:(?|&)))(w+)=(w+)

這里用到的語法如下：分為左右2個(gè)括號，左邊的(?!(?:(?|&)))表示匹配到？或者&，但是不獲取這2個(gè)符號，而是獲取跟著它后面匹配的正則。

s = "?r=abc&qId=123"
(?!(正則))(正則) // 匹配的是r=abc , qId=123

零寬斷言這一塊我還沒有完成掌握，它的大概意思是，獲取某個(gè)字符或者某些字符前面的正則或者后面的正則。并不高大上，估計(jì)是某人翻譯的時(shí)候，取了個(gè)裝逼的名字吧。

本章分享了4個(gè)場景的實(shí)踐，我本人不是正則大神，也是剛剛開始研究正則，發(fā)現(xiàn)學(xué)習(xí)正則，最重要的一點(diǎn)是要知道當(dāng)前需求的規(guī)則，“無規(guī)則無正則”，正則還有很多符號需要記住，下一步再多練一些正則題目，然后再看看基礎(chǔ)文檔鞏固一下知識。
好的正則大神可以寫出性能非常好的表達(dá)式，正則和js一樣，不同的寫法也會有性能的差距。數(shù)據(jù)量小的時(shí)候可以忽略，當(dāng)長文本分析時(shí)，就需要你成為一個(gè)優(yōu)秀的正則大神了。

下一章：正則表達(dá)式理論鞏固篇

正則系列文章整理到了github：https://github.com/hyy1115/Re...