本次筆記主要分享javascript中比較難懂的正則表達(dá)式葱蝗。正則表達(dá)式是煩瑣的圃验，但它是強(qiáng)大的掉伏，學(xué)會之后的應(yīng)用會讓你除了提高工作效率外，提升自身的技能澳窑，面試也不再害怕斧散！
初次學(xué)正則表達(dá)式，都認(rèn)為好難摊聋，今天分享干貨筆記鸡捐！記得收藏噢~
了解正則表達(dá)式
什么是正則表達(dá)式
用某種規(guī)則去匹配符合這種規(guī)則的字符串。就是說：使用單個(gè)字符串來描述麻裁、匹配一系列符合某個(gè)語法規(guī)則的字符串箍镜。
?就好比用模具做產(chǎn)品，而正則就是這個(gè)模具煎源。
何時(shí)使用正則表達(dá)式色迂？
驗(yàn)證字符串格式，查找關(guān)鍵字手销，替換關(guān)鍵字
比如：
銀行卡密碼：6位數(shù)字
用戶名：字母歇僧，數(shù)字，_的組合
RegExp對象
RegExp對象：
專門封裝一條正則表達(dá)式原献，javascript 通過內(nèi)置對象RegExp來使用正則表達(dá)式馏慨。
實(shí)例化RegExp對象（2種）
字面量
構(gòu)造函數(shù)
字面量
需求：匹配字母a埂淮，將小寫a替換成大寫A
replace是字符串的方法姑隅。
構(gòu)造函數(shù)
修飾符：
g：global 全文搜索，如果不寫g倔撞，只匹配搜索到第一個(gè)讲仰。
i：ignore case 可以忽略大小寫匹配，默認(rèn)是大小寫敏感痪蝇。
m：multiple lines 多行搜素匹配
例如：
將q開頭的后面帶數(shù)字的就替換成A鄙陡。\n是換行符。使用g和m的模式匹配
RegExp自帶方法躏啰，2個(gè)
RegExp.prototype.test(str)
用于測試字符串參數(shù)中是否存在匹配規(guī)則表達(dá)式模式的字符串趁矾。
如果存在返回true，不存在返回false
例如：測試字符串是否有a给僵。
RegExp.prototype.exec(str)
使用正則表達(dá)式模式對字符執(zhí)行搜索毫捣，并將結(jié)果更新全局RegExp對象的屬性以反映匹配結(jié)果
如果沒有匹配的文本就返回 null详拙，否則返回一個(gè)結(jié)果數(shù)組
index聲明匹配文本的第一個(gè)字符的位置
input存放被檢索的字符串 string
RegExp工具
Regexper是一個(gè)正則表達(dá)式的可視化開源工具，直接輸入正則表達(dá)式就能用可視化顯示出來
網(wǎng)址：https://regexper.com/
如何使用?
Regulex?能夠即時(shí)可視化蔓同，方便調(diào)整饶辙。可視化效果好很多斑粱，注意紅色方框可以方便勾選需要的匹配的模式弃揽。
網(wǎng)址：https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24
特殊含義字符
1、選擇符號：[ ]
解釋：
[ ] 包含一系列字符则北，能夠匹配其中任意一個(gè)字符矿微，必須多選一使用
[ ] 中寫備選字符。
一個(gè)[]咒锻，只能代表1位字符的規(guī)則冷冗！
我們可以用元字[ ]來構(gòu)建符合某些特性的對象，是一個(gè)泛指惑艇。例如將正?或則?或?表或達(dá)?或式這樣的文字歸為一類蒿辙，表達(dá)式可以匹配這類的字符。
例如：想匹配是否含“正則表達(dá)式”其中一個(gè)字符滨巴。
表達(dá)式寫法：[正則表達(dá)式]
工具圖解：
one of 表示包含其中一個(gè)思灌。
2、[^xxxx]:表示除了xxxx都行恭取！注意^ 符號必須放在[]中的第一個(gè)位置泰偿。否則，變?yōu)槠胀ㄗ址ヅ洹?/p>
工具圖解：
此時(shí)蜈垮，發(fā)現(xiàn)上邊的英文變成None of耗跛，表示除了下面框框中的字。
3攒发、-符號：字符的范圍调塌，備選字符連續(xù)的范圍！
比如：[0-9] [a-z] [A-Z] [a-zA-Z]
漢字范圍：[\u4e00-\u9fa5]
4惠猿、預(yù)定義字符集：使用簡化的字符羔砾，定義常用字符集
比如：
5、如果規(guī)則正文中出現(xiàn)特殊符號偶妖，用\轉(zhuǎn)譯
例如：[\.正則]? ?可以包含一個(gè)點(diǎn)姜凄，要轉(zhuǎn)譯這個(gè)點(diǎn)。
工具圖解：
6趾访、數(shù)量詞：規(guī)定前邊一個(gè)字符出現(xiàn)次數(shù)的量詞
語法：｛min,max｝
? ? ? ?{num}：固定長度
? ? ? ?{min,}至少min個(gè),多了不限
例如：
手機(jī)號：\+86\s1[3578]\d{9}
工具圖解：
1：+86中國的國際區(qū)號态秧，對應(yīng)正則里的?\+86\
2：white space表示空格，對應(yīng)正則里的??\s?
3："1"? 手機(jī)號開始第一位扼鞋，對應(yīng)正則里的???1
4：表示手機(jī)號第2位申鱼，可以是3578中的一個(gè)空扎，對應(yīng)正則里的[3578]
5：表示手機(jī)號第3-11位，digit表示數(shù)字润讥，8 times表示這個(gè)digit可以再循環(huán)8次转锈。所以是9個(gè)數(shù)字，對應(yīng)正則里的\d{9}
用戶名：\w{8,16}? 表示8到16位都行
重點(diǎn)：比較以下2種情況楚殿，區(qū)別是一個(gè)最少是8次一個(gè)是4次撮慨。
當(dāng)貪婪模式匹配字符串的時(shí)候當(dāng)已經(jīng)不夠最大次數(shù)的匹配的時(shí)候，會選擇更小次數(shù)的匹配脆粥。
第一句：
'01234567regexp'.replace(/\w{8,10}/g,'T') 返回 "Tgexp",由于是global砌溺，能夠匹配到最大次10次，即"01234567re"变隔，替換成"T"规伐，
第二句：
先匹配了10次，替換成"T"匣缘，匹配到后并不會停止而是繼續(xù)匹配猖闪，剩下'gexp'能被最小4次匹配到，再次被替換成"T"肌厨。所以最后是"TT"培慌。
貪婪模式：默認(rèn)先匹配整個(gè)字符串，再縮小范圍柑爸！
懶惰模式：
盡可能少的匹配吵护，一旦匹配成功則不再繼續(xù)匹配
在量詞后面加上？即可
以上就是一次4個(gè)4個(gè)的匹配表鳍。所以有3個(gè)"T"
7馅而、特殊的數(shù)量詞：+ * ？
譬圣？：可有可無瓮恭，最多只能出現(xiàn)一次
比如：[正則]?簡單嗎
工具圖解：
發(fā)現(xiàn)One of上面多了一個(gè)空分支。表示可以是 空胁镐。
正簡單嗎 (對)偎血，正正簡單嗎（錯(cuò)）
*?：可有可無诸衔，不限制出現(xiàn)次數(shù)
比如：[正則]*簡單嗎
工具圖解：
發(fā)現(xiàn)One of 下面又多了一個(gè)閉合的分支盯漂。表示可以是無限循環(huán)。
正則簡單嗎(對)
正則則簡單嗎(對)
正簡單嗎(對)
+ ：至少出現(xiàn)一次笨农！
比如：正[確]+嗎
工具圖解：
空分支不見了就缆，說明“確”字至少要出現(xiàn)一次。
正確嗎谒亦？(對)
正嗎竭宰？(錯(cuò))
8空郊、():分組：改變模式的匹配順序
比如：
驗(yàn)證身份證號：? \d{15}(\d{2}[0-9Xx])?
工具圖解：
老一代的身份證號是15位數(shù)，所以前面\d為15位數(shù)切揭。后面的狞甚？號表示可有可無，最多只能出現(xiàn)一次廓旬。
新一代的身份證是18位的哼审，有的最后一位是大小寫的Xx。括號里的\d就可以是循環(huán)2次的數(shù)字孕豹。最后一位數(shù)可以是數(shù)字也可以是X或x涩盾，就表示成[0-9Xx]。
驗(yàn)證手機(jī)號： (\+86\s)?1[34578]\d{9}
+86 13145782963(對)
13145782963(對)
9励背、正則表達(dá)式的開始和結(jié)束
^：整個(gè)正則表達(dá)式的開頭春霍，表示以xxx開始
$：整個(gè)正則表達(dá)式的結(jié)尾，表示以xxx結(jié)束
\b：單詞邊界
\B：非單詞邊界
注意：^在方括號[ ]使用叶眉，和這里的含義不同址儒，看上邊第2點(diǎn)可以知曉。
綜合例子：獲取一段HTML文本中所有超鏈接的href屬性的標(biāo)簽
結(jié)果：
推薦調(diào)試工具
網(wǎng)址：http://jsbin.com
方便調(diào)試的一款在線工具~
歡迎關(guān)注微信公眾號【一文插畫】衅疙，回復(fù)【資源】即可獲得學(xué)習(xí)資料~?“領(lǐng)干貨” 一起提升技能离福！未經(jīng)授權(quán)，不得轉(zhuǎn)載炼蛤。
