一文掌握正則表達(dá)式
本文適合對正則不太熟悉，以及想掌握正則表達(dá)式的小伙伴閱讀~
歡迎關(guān)注前端早茶，與廣東靚仔攜手共同進(jìn)階～
作者：廣東靚仔
一、前言
有的小伙伴對正則有所懼怕，也有的小伙伴遇到正則就搜索答案。其實(shí)這些都是正常的，不論是剛從事前端、還是從業(yè)好幾年的小伙伴。如果沒有專門去學(xué)習(xí)下正則表達(dá)式，沒掌握很正常的。
預(yù)熱.match(/(?<=\/detail.*\/)[^\/]+/)[0]
/^(([1-9]\d*)|\d)(\.\d{1,6})?$/
"hello?qianduan?zaocha".match(/\b[a-z]+(?=a\b)/g)
二、JS中運(yùn)行正則
正則表達(dá)式，又稱規(guī)則表達(dá)式,（在代碼中常簡寫為regex、regexp或RE），是一種文本模式，是計算機(jī)科學(xué)的一個概念。JavaScript中使用String對象和RegExp對象提供的方法來運(yùn)行正則表達(dá)式。
RegExp對象的方法
exec(): arrayexec()方法返回正則執(zhí)行一次的結(jié)果。如果設(shè)置了全局標(biāo)志g，會返回一個捕獲組，用于迭代執(zhí)行。且這個捕獲組的第一項是當(dāng)前完整正則的一次執(zhí)行結(jié)果，第二項開始是每一個子模式的執(zhí)行結(jié)果。test(): booleantest()方法用于檢測傳入的字符串是否包含符合正則規(guī)則的子串，如果包含返回true，否則返回false。
String對象的方法
? 重用的String對象方法大概有10來個，正則里面一般使用其中的4個。
match()
match()方法接收一個正則對象，用來匹配調(diào)用字符串中符合規(guī)則的子串。如果正則對象添加了全局標(biāo)志，那么直接返回所有的匹配結(jié)果，否則，返回一個可以被迭代執(zhí)行的捕獲組?。
replace()?
replace()方法接收兩個參數(shù)，第一個參數(shù)是用來匹配調(diào)用字符串的正則表達(dá)式（字符串會被轉(zhuǎn)化成簡單模式的正則規(guī)則），第二個參數(shù)表示要替換的字符串或者返回字符串的函數(shù)。replace()方法不改變源字符串。
search()?
search()方法接收一個正則對象或一個字符串(字符串會轉(zhuǎn)換成簡單模式的正則表達(dá)式)，用來查找調(diào)用字符串中符合規(guī)則的子串的位置，匹配到了就返回第一次出現(xiàn)的索引，否則返回-1
split()?
split()方法接收兩個參數(shù)，第一個是一個正則或字符串，表示將要匹配并用于切分的字符，使用第一個參數(shù)匹配調(diào)用字符串，在符合規(guī)則的位置將字符串切分未為數(shù)組，并返回。第二個參數(shù)限制分割的片段數(shù)量。
三、簡單的規(guī)則
1: 一般寫正則表單時，都是先按如下，把格式定好
/^????$/
2. 正則表達(dá)式定義
正則表達(dá)式是用來匹配一串文本中符合規(guī)則的子串的字符組合。一段用于匹配的正則表達(dá)式通常稱為一個模式。
3、正則是區(qū)分大小寫的
在正則規(guī)則里面，大寫往往是"非"。比如：\d，匹配數(shù)字。\D?匹配非數(shù)字。
四、元字符
概念：所謂元字符就是指那些在正則表達(dá)式中具有特殊意義的專用字符，可以用來規(guī)定其前導(dǎo)字符（即位于元字符前面的字符）在目標(biāo)對象中的出現(xiàn)模式。元字符的完整列表
| 字符 | 描述 |
|---|
| \ | 將下一個字符標(biāo)記為一個特殊字符、或一個原義字符、或一個 向后引用、或一個八進(jìn)制轉(zhuǎn)義符。例如，'n' 匹配字符 "n"。'\n' 匹配一個換行符。序列 '\\' 匹配 "\" 而 "\(" 則匹配 "("。 |
| ^ | 匹配輸入字符串的開始位置。如果設(shè)置了 RegExp 對象的 Multiline 屬性，^ 也匹配 '\n' 或 '\r' 之后的位置。 |
| $ | 匹配輸入字符串的結(jié)束位置。如果設(shè)置了RegExp 對象的 Multiline 屬性，$ 也匹配 '\n' 或 '\r' 之前的位置。 |
| * | 匹配前面的子表達(dá)式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。* 等價于{0,}。 |
| + | 匹配前面的子表達(dá)式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價于 {1,}。 |
| ? | 匹配前面的子表達(dá)式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 。? 等價于 {0,1}。 |
| {n} | n 是一個非負(fù)整數(shù)。匹配確定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的兩個 o。 |
| {n,} | n 是一個非負(fù)整數(shù)。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等價于 'o+'。'o{0,}' 則等價于 'o*'。 |
| {n,m} | m 和 n 均為非負(fù)整數(shù)，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價于 'o?'。請注意在逗號和兩個數(shù)之間不能有空格。 |
| ? | 當(dāng)該字符緊跟在任何一個其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面時，匹配模式是非貪婪的。非貪婪模式盡可能少的匹配所搜索的字符串，而默認(rèn)的貪婪模式則盡可能多的匹配所搜索的字符串。例如，對于字符串 "oooo"，'o+?' 將匹配單個 "o"，而 'o+' 將匹配所有 'o'。 |
| . | 匹配除換行符（\n、\r）之外的任何單個字符。要匹配包括 '\n' 在內(nèi)的任何字符，請使用像"(.|\n)"的模式。 |
| (pattern) | 匹配 pattern 并獲取這一匹配。所獲取的匹配可以從產(chǎn)生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中則使用 $0…$9 屬性。要匹配圓括號字符，請使用 '\(' 或 '\)'。 |
| (?:pattern) | 匹配 pattern 但不獲取匹配結(jié)果，也就是說這是一個非獲取匹配，不進(jìn)行存儲供以后使用。這在使用 "或" 字符 (|) 來組合一個模式的各個部分是很有用。例如， 'industr(?:y|ies) 就是一個比 'industry|industries' 更簡略的表達(dá)式。 |
| (?=pattern) | 正向肯定預(yù)查（look ahead positive assert），在任何匹配pattern的字符串開始處匹配查找字符串。這是一個非獲取匹配，也就是說，該匹配不需要獲取供以后使用。例如，"Windows(?=95|98|NT|2000)"能匹配"Windows2000"中的"Windows"，但不能匹配"Windows3.1"中的"Windows"。預(yù)查不消耗字符，也就是說，在一個匹配發(fā)生后，在最后一次匹配之后立即開始下一次匹配的搜索，而不是從包含預(yù)查的字符之后開始。 |
| (?!pattern) | 正向否定預(yù)查(negative assert)，在任何不匹配pattern的字符串開始處匹配查找字符串。這是一個非獲取匹配，也就是說，該匹配不需要獲取供以后使用。例如"Windows(?!95|98|NT|2000)"能匹配"Windows3.1"中的"Windows"，但不能匹配"Windows2000"中的"Windows"。預(yù)查不消耗字符，也就是說，在一個匹配發(fā)生后，在最后一次匹配之后立即開始下一次匹配的搜索，而不是從包含預(yù)查的字符之后開始。 |
| (?<=pattern) | 反向(look behind)肯定預(yù)查，與正向肯定預(yù)查類似，只是方向相反。例如，"(?<=95|98|NT|2000)Windows"能匹配"2000Windows"中的"Windows"，但不能匹配"3.1Windows"中的"Windows"。 |
| (?<!pattern) | 反向否定預(yù)查，與正向否定預(yù)查類似，只是方向相反。例如"(?<!95|98|NT|2000)Windows"能匹配"3.1Windows"中的"Windows"，但不能匹配"2000Windows"中的"Windows"。 |
| x|y | 匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 則匹配 "zood" 或 "food"。 |
| [xyz] | 字符集合。匹配所包含的任意一個字符。例如， '[abc]' 可以匹配 "plain" 中的 'a'。 |
| [^xyz] | 負(fù)值字符集合。匹配未包含的任意字符。例如， '[^abc]' 可以匹配 "plain" 中的'p'、'l'、'i'、'n'。 |
| [a-z] | 字符范圍。匹配指定范圍內(nèi)的任意字符。例如，'[a-z]' 可以匹配 'a' 到 'z' 范圍內(nèi)的任意小寫字母字符。 |
| [^a-z] | 負(fù)值字符范圍。匹配任何不在指定范圍內(nèi)的任意字符。例如，'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范圍內(nèi)的任意字符。 |
| \b | 匹配一個單詞邊界，也就是指單詞和空格間的位置。例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。 |
| \B | 匹配非單詞邊界。'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。 |
| \cx | 匹配由 x 指明的控制字符。例如， \cM 匹配一個 Control-M 或回車符。x 的值必須為 A-Z 或 a-z 之一。否則，將 c 視為一個原義的 'c' 字符。 |
| \d | 匹配一個數(shù)字字符。等價于 [0-9]。 |
| \D | 匹配一個非數(shù)字字符。等價于 [^0-9]。 |
| \f | 匹配一個換頁符。等價于 \x0c 和 \cL。 |
| \n | 匹配一個換行符。等價于 \x0a 和 \cJ。 |
| \r | 匹配一個回車符。等價于 \x0d 和 \cM。 |
| \s | 匹配任何空白字符，包括空格、制表符、換頁符等等。等價于 [ \f\n\r\t\v]。 |
| \S | 匹配任何非空白字符。等價于 [^ \f\n\r\t\v]。 |
| \t | 匹配一個制表符。等價于 \x09 和 \cI。 |
| \v | 匹配一個垂直制表符。等價于 \x0b 和 \cK。 |
| \w | 匹配字母、數(shù)字、下劃線。等價于'[A-Za-z0-9_]'。 |
| \W | 匹配非字母、數(shù)字、下劃線。等價于 '[^A-Za-z0-9_]'。 |
| \xn | 匹配 n，其中 n 為十六進(jìn)制轉(zhuǎn)義值。十六進(jìn)制轉(zhuǎn)義值必須為確定的兩個數(shù)字長。例如，'\x41' 匹配 "A"。'\x041' 則等價于 '\x04' & "1"。正則表達(dá)式中可以使用 ASCII 編碼。 |
| \num | 匹配 num，其中 num 是一個正整數(shù)。對所獲取的匹配的引用。例如，'(.)\1' 匹配兩個連續(xù)的相同字符。 |
| \n | 標(biāo)識一個八進(jìn)制轉(zhuǎn)義值或一個向后引用。如果 \n 之前至少 n 個獲取的子表達(dá)式，則 n 為向后引用。否則，如果 n 為八進(jìn)制數(shù)字 (0-7)，則 n 為一個八進(jìn)制轉(zhuǎn)義值。 |
| \nm | 標(biāo)識一個八進(jìn)制轉(zhuǎn)義值或一個向后引用。如果 \nm 之前至少有 nm 個獲得子表達(dá)式，則 nm 為向后引用。如果 \nm 之前至少有 n 個獲取，則 n 為一個后跟文字 m 的向后引用。如果前面的條件都不滿足，若 n 和 m 均為八進(jìn)制數(shù)字 (0-7)，則 \nm 將匹配八進(jìn)制轉(zhuǎn)義值 nm。 |
| \nml | 如果 n 為八進(jìn)制數(shù)字 (0-3)，且 m 和 l 均為八進(jìn)制數(shù)字 (0-7)，則匹配八進(jìn)制轉(zhuǎn)義值 nml。 |
| \un | 匹配 n，其中 n 是一個用四個十六進(jìn)制數(shù)字表示的 Unicode 字符。例如， \u00A9 匹配版權(quán)符號 (?)。 |
上面這個表是完整的元字符，下面列舉幾個常用的展開講講：
“點(diǎn)號”
/./.exec('liangzai')???//?l
“轉(zhuǎn)義運(yùn)算符“
/\//.exec('前//端/早茶')???//?/
/[liangzai]/.exec('qdzc')???//?z
“位置“
/^\//.exec('//前/端/早/茶')???//?/
/\/$/.exec('前端/早茶//')???//?/
“文本控制字符“\f??匹配一個換頁符\n?匹配一個換行符\r?匹配一個回車符
五、標(biāo)記
標(biāo)記用來修改正則表達(dá)式的一些默認(rèn)行為，包括是否忽略大小寫(i)，是否全局搜索(g)，是否多行搜索(m)。標(biāo)記不屬于元字符，因此不寫在正則規(guī)則里面，而是寫在規(guī)則后面。i、g這兩個比較通用，廣東靚仔就不多講了。我們來看看這個m
`???
????qdzc#
????gdlz#
????omg!
`.match(/\w+(?=#)/gm)?
//?qdzc,gdlz
六、貪婪匹配、懶惰匹配
貪婪匹配：正則表達(dá)式趨向于最長匹配。
懶惰匹配：正則表達(dá)式趨向于最短匹配（只匹配剛好滿足規(guī)則的子串）。
//?貪婪匹配
/\w+/.exec('qdzc_?q')???//?qdzc_
?
//?惰性匹配
/\w+?/.exec('qdzc_?q')???//?q正則表達(dá)式主要分兩個標(biāo)準(zhǔn)：posix和pcre
posix是unix遵循的標(biāo)準(zhǔn)。grep，sed支持的正則是posix。
pcre在posix的基礎(chǔ)上做了擴(kuò)展，提供了很多方便的功能。
一段用于匹配的正則表達(dá)式通常稱為一個模式
七、零寬斷言
零寬：只匹配位置，不匹配內(nèi)容斷言: 用來判斷某個字符的前后，是否符合某種特定格式。
零寬斷言種類?=?正先行斷言。匹配符合規(guī)則的位置，先行，即匹配斷言規(guī)則前面的字符?!?負(fù)先行斷言。匹配不符合規(guī)則的位置，先行，即匹配斷言規(guī)則前面的字符?<=?正向?即匹配符合規(guī)則的位置，后發(fā)，即匹配斷言規(guī)則后面的字符?<!?反向?即匹配不符合規(guī)則的位置，后發(fā)，即匹配斷言規(guī)則后面的字符
(?=exp):零寬度正預(yù)測先行斷言，它斷言自身出現(xiàn)的位置的后面能匹配表達(dá)式exp。
(?<=exp):零寬度正回顧后發(fā)斷言，它斷言自身出現(xiàn)的位置的前面能匹配表達(dá)式exp
(?!exp):零寬度負(fù)預(yù)測先行斷言，斷言此位置的后面不能匹配表達(dá)式exp。
(?<!exp):零寬度負(fù)回顧后發(fā)斷言來斷言此位置的前面不能匹配表達(dá)式exp
面試題庫推薦
??某中型公司面試原題
??【精品】前端知識梳理八、最后
相信小伙伴們看完這篇正則文章，對正則一定會有一個全面的了解。平時我們在開發(fā)過程中，可以多多使用正則~
關(guān)注我，一起攜手進(jìn)階
歡迎關(guān)注前端早茶，與廣東靚仔攜手共同進(jìn)階～