javascript正則表達(dá)式RegExp入門圖文教程
正則表達(dá)式是啥?
正則表達(dá)式又叫作“規(guī)則表達(dá)式”(Regular Expression 即 RegExp),是計(jì)算機(jī)科學(xué)的一個概念。
正則表達(dá)式有什么用?
它常被用來搜索、替換那些符合某個模式的文本。
正則表達(dá)式是:用來匹配特殊字符或有特殊搭配原則的字符的最佳選擇。
轉(zhuǎn)義字符“\”
例子:在var str = "asdfghj" 中加入一個"字符在正常情況下是無法成立的,但運(yùn)用正則表達(dá)式中的轉(zhuǎn)義字符則"\"可以讓他成立;
在”前加入轉(zhuǎn)義符“\”可以使得變量成立,在圖中轉(zhuǎn)義字符+雙引號成功變?yōu)橐粋€文本符號這時在瀏覽器中就可以輸出"asdf"ghjs"
字符串換行符\n
例子:在var str = "asdfghj" 中進(jìn)行換行
得到結(jié)果
如何創(chuàng)建正則表達(dá)式
1.直接量
var reg = //;在斜線之間寫內(nèi)容
var reg = /abc/; 表示匹配一個規(guī)則abc,在 var str = "abcdef";通過reg.test(str)對str進(jìn)行測試是否含有reg規(guī)定的字符串,若有返回true,若沒有返回false
在//后可寫屬性值 (i, m, g)
2.new RegExp()
效果同直接量含有正則表達(dá)式中的值返回true,若不含有返回false
在RegExp中可寫屬性值:RegExp("abc",參數(shù)(i,g,m))
正則表達(dá)式的三個修飾符: i, m, g
i: 不區(qū)分大小寫
m:執(zhí)行多行匹配
var reg = /^a/;表示查找的開頭字符為a的,這時間str中沒有符合此要求的字符,但若在reg = /^a/m;實(shí)行多行匹配,則可以識別換行符\n。在有換行符時認(rèn)為\n前為一行、\n后為一行
g: 執(zhí)行全局匹配 (查找所有匹配而非在找到第一個匹配后停止)
正則表達(dá)式中的方法:reg.test(); 返回結(jié)果true/false
變量中的方法:str.match(); 可將結(jié)果返回出來,效果更為直觀
表達(dá)式
[]:可在[]寫入范圍

[^abc]:開頭為abc
[0-9]:范圍0-9
[a-z]:范圍a-z
[A-Z]范圍A-Z
[A-z]范圍A-Z,a-z
|:表示或
元字符:
\w:單詞字符
\W:非單詞字符
\d:數(shù)字
\D:非數(shù)字
\s:空白字符(包含:空格符,制表符,回車符,換行符,垂直換行符,換頁符)
\S:非空白字符
\n:換行符
\r:回車符
\b:單詞邊界
\B:非單詞邊界
\t:制表符
. :表示除了\r\n外的所有字符
量詞(以下n為代表數(shù)量的詞)
n+:可以出現(xiàn)1到無數(shù)次
n*:可以出現(xiàn)0到無數(shù)次,末尾邏輯距離算為空
n?可以出現(xiàn)0或一個字符串,邏輯距離為空
n{X}:可以出現(xiàn)X個n的字符串
n{X,Y}:匹配包含X至Y個n的字符串(符合貪婪匹配原則能多就不少)
n{X,}:匹配包含至少X個n的字符串(符合貪婪匹配原則能多就不少)
^n:以n開頭
n$:以n結(jié)尾
ReegExp對象屬性:
ignoreCase:RegExp對象是否含有修飾符i
global: RegExp對象是否含有修飾符g
multiline: RegExp對象是否含有修飾符m
source: 顯示正則表達(dá)式函數(shù)體
正則表達(dá)式方法:
test:檢查字符串中指定的值。返回ture/false
exec:檢查字符串中指定的值。返回值并確定其位置。
匹配的位置隨著其光標(biāo)的起始位置變化而變化。當(dāng)光標(biāo)移動到最后位會返回null,再次執(zhí)行則會從頭執(zhí)行
下圖中
"ab"未返回值,
index為光標(biāo)位置
字符串對象的方法:
match:找到一個或多個正則表達(dá)式的匹配。返回匹配值。
search:檢查與正則表達(dá)式相匹配的值,返回其光標(biāo)所處的位置。如果匹配不到返回-1.
split:拆分字符串。
replace:替換與正則表達(dá)式相匹配的字符串。
例子:將var str = "aabb"替換為"bbaa"
1. var reg = /(\w)\1(\w)\2/g;
console.log(str.replace(reg,"$2$2$1$1"));
\\輸出結(jié)果為:"bbaa"
2. var reg = /(\w)\1(\w)\2/g;
console.log(str.replace(reg, function ($, $1, $2) {
return $2 + $2 + $1 + $1;
}));
\\輸出結(jié)果為:"bbaa"
其中$為正則表達(dá)式全局,$1為第一個自變量 "(\w)\1",$2代表第二個自變量"(\w)\2";
例子:the-first-name 變?yōu)樾☆^峰模式(theFirstName);
其中$為正則表達(dá)式全局,$1為第一個自變量 "-(\w)"
正向預(yù)查(正向斷言):在正則中只參與限定不參與選擇
1.在正則表達(dá)式中查看 var str = "abaaaa"中身后帶b的字符串,但輸出時不顯示b字符;
var str = "abaaaa";
var reg = /a(? = b)/g; //表示a后面跟著b但b參與選擇只參與限定
2. 在正則表達(dá)式中查看 var str = "abaaaa"中身后不帶b的字符串;
var reg = /a(? !b)/g; //表示查找a后沒有b字符的字符串;
非貪婪匹配:正則表達(dá)式中默認(rèn)貪婪匹配,但我們可以通過方法將貪婪匹配變?yōu)榉秦澙菲ヅ?。在任何量詞后加?
reg = /n{1,}/ ; //這時n的個數(shù)在1~無窮大之間,而在貪婪匹配的作用下,取值個數(shù)會盡可能變大;
reg = /n(1,)?/ ; //在n(1,)后加入?,這時正則匹配,取值會以最小個數(shù)為基準(zhǔn);
2. 正則表達(dá)式中的一些高級規(guī)則
2.1 匹配次數(shù)中的貪婪與非貪婪
在使用修飾匹配次數(shù)的特殊符號時,有幾種表示方法可以使同一個表達(dá)式能夠匹配不同的次數(shù),比如:"{m,n}", "{m,}", "?", "*", "+",具體匹配的次數(shù)隨被匹配的字符串而定。這種重復(fù)匹配不定次數(shù)的表達(dá)式在匹配過程中,總是盡可能多的匹配。比如,針對文本 "dxxxdxxxd",舉例如下:
表達(dá)式 |
匹配結(jié)果 |
(d)(\w+) | "\w+" 將匹配第一個 "d" 之后的所有字符 "xxxdxxxd" |
(d)(\w+)(d) | "\w+" 將匹配第一個 "d" 和最后一個 "d" 之間的所有字符 "xxxdxxx"。雖然 "\w+" 也能夠匹配上最后一個 "d",但是為了使整個表達(dá)式匹配成功,"\w+" 可以 "讓出" 它本來能夠匹配的最后一個 "d" |
由此可見,"\w+" 在匹配的時候,總是盡可能多的匹配符合它規(guī)則的字符。雖然第二個舉例中,它沒有匹配最后一個 "d",但那也是為了讓整個表達(dá)式能夠匹配成功。同理,帶 "*" 和 "{m,n}" 的表達(dá)式都是盡可能地多匹配,帶 "?" 的表達(dá)式在可匹配可不匹配的時候,也是盡可能的 "要匹配"。這 種匹配原則就叫作 "貪婪" 模式 。
非貪婪模式:
在修飾匹配次數(shù)的特殊符號后再加上一個 "?" 號,則可以使匹配次數(shù)不定的表達(dá)式盡可能少的匹配,使可匹配可不匹配的表達(dá)式,盡可能的 "不匹配"。這種匹配原則叫作 "非貪婪" 模式,也叫作 "勉強(qiáng)" 模式。如果少匹配就會導(dǎo)致整個表達(dá)式匹配失敗的時候,與貪婪模式類似,非貪婪模式會最小限度的再匹配一些,以使整個表達(dá)式匹配成功。舉例如下,針對文本 "dxxxdxxxd" 舉例:
表達(dá)式 |
匹配結(jié)果 |
(d)(\w+?) | "\w+?" 將盡可能少的匹配第一個 "d" 之后的字符,結(jié)果是:"\w+?" 只匹配了一個 "x" |
(d)(\w+?)(d) | 為了讓整個表達(dá)式匹配成功,"\w+?" 不得不匹配 "xxx" 才可以讓后邊的 "d" 匹配,從而使整個表達(dá)式匹配成功。因此,結(jié)果是:"\w+?" 匹配 "xxx" |
更多的情況,舉例如下:
,匹配的結(jié)果是:成功;匹配到的內(nèi)容是 "<td><p>aa</p></td> <td><p>bb</p></td>" 整個字符串, 表達(dá)式中的 "</td>" 將與字符串中最后一個 "</td>" 匹配。
,將只得到 "<td><p>aa</p></td>", 再次匹配下一個時,可以得到第二個 "<td><p>bb</p></td>"。
2.2 反向引用 \1, \2...
表達(dá)式在匹配時,表達(dá)式引擎會將小括號 "( )" 包含的表達(dá)式所匹配到的字符串記錄下來。在獲取匹配結(jié)果的時候,小括號包含的表達(dá)式所匹配到的字符串可以單獨(dú)獲取。這一點(diǎn),在前面的舉例中,已經(jīng)多次展示了。在實(shí)際應(yīng)用場合中,當(dāng)用某種邊界來查找,而所要獲取的內(nèi)容又不包含邊界時,必須使用小括號來指定所要的范圍。比如前面的 "<td>(.*?)</td>"。
其實(shí),"小括號包含的表達(dá)式所匹配到的字符串" 不僅是在匹配結(jié)束后才可以使用,在匹配過程中也可以使用。表達(dá)式后邊的部分,可以引用前面 "括號內(nèi)的子匹配已經(jīng)匹配到的字符串"。引用方法是 "\" 加上一個數(shù)字。"\1" 引用第1對括號內(nèi)匹配到的字符串,"\2" 引用第2對括號內(nèi)匹配到的字符串……以此類推,如果一對括號內(nèi)包含另一對括號,則外層的括號先排序號。換句話說,哪一對的左括號 "(" 在前,那這一對就先排序號。
舉例如下:
,匹配結(jié)果是:成功;匹配到的內(nèi)容是:" 'Hello' "。再次匹配下一個時,可以匹配到 " "World" "。
,匹配結(jié)果是:成功;匹配到的內(nèi)容是 "ccccc"。再次匹配下一個時,將得到 999999999。這個表達(dá)式要求 "\w" 范圍的字符至少重復(fù)5次, 注意與 "\w{5,}" 之間的區(qū)別。
,匹配結(jié)果是成功。如果 "<td>" 與 "</td>" 不配對,則會匹配失?。蝗绻某善渌鋵?,也可以匹配成功。
2.3 預(yù)搜索,不匹配;反向預(yù)搜索,不匹配
前面的章節(jié)中,我講到了幾個代表抽象意義的特殊符號:"^","$","\b"。它們都有一個共同點(diǎn),那就是:它們本身不匹配任何字符,只是對 "字符串的兩頭" 或者 "字符之間的縫隙" 附加了一個條件。理解到這個概念以后,本節(jié)將繼續(xù)介紹另外一種對 "兩頭" 或者 "縫隙" 附加條件的,更加靈活的表示方法。
正向預(yù)搜索:"(?=xxxxx)","(?!xxxxx)"
格式:"(?=xxxxx)",在被匹配的字符串中,它對所處的 "縫隙" 或者 "兩頭" 附加的條件是:所在縫隙的右側(cè),必須能夠匹配上 xxxxx 這部分的表達(dá)式。因?yàn)樗皇窃诖俗鳛檫@個縫隙上附加的條件,所以它并不影響后邊的表達(dá)式去真正匹配這個縫隙之后的字符。這就類似 "\b",本身不匹配任何字符。"\b" 只是將所在縫隙之前、之后的字符取來進(jìn)行了一下判斷,不會影響后邊的表達(dá)式來真正的匹配。
,將只匹配 "Windows NT" 中的 "Windows ",其他的 "Windows " 字樣則不被匹配。
,將可以匹配6個"f"的前4個,可以匹配9個"9"的前7個。這個表達(dá)式可以讀解成:重復(fù)4次以上的字母數(shù)字,則匹配其剩下最后2位之前的部分。當(dāng)然,這個表達(dá)式可以不這樣寫,在此的目的是作為演示之用。
格式:"(?!xxxxx)",所在縫隙的右側(cè),必須不能匹配 xxxxx 這部分表達(dá)式。
,將從頭一直匹配到 "stop" 之前的位置,如果字符串中沒有 "stop",則匹配整個字符串。
,只能匹配 "do"。在本條舉例中,"do" 后邊使用 "(?!\w)" 和使用 "\b" 效果是一樣的。
反向預(yù)搜索:"(?<=xxxxx)","(?<!xxxxx)"
這兩種格式的概念和正向預(yù)搜索是類似的,反向預(yù)搜索要求的條件是:所在縫隙的 "左側(cè)",兩種格式分別要求必須能夠匹配和必須不能夠匹配指定表達(dá)式,而不是去判斷右側(cè)。與 "正向預(yù)搜索" 一樣的是:它們都是對所在縫隙的一種附加條件,本身都不匹配任何字符。
舉例5:表達(dá)式 "(?<=\d{4})\d+(?=\d{4})" 在匹配 "1234567890123456" 時,將匹配除了前4個數(shù)字和后4個數(shù)字之外的中間8個數(shù)字。由于 JScript.RegExp 不支持反向預(yù)搜索,因此,本條舉例不能夠進(jìn)行演示。很多其他的引擎可以支持反向預(yù)搜索,比如:Java 1.4 以上的 java.util.regex 包,.NET 中System.Text.RegularExpressions 命名空間,以及本站推薦的最簡單易用的 DEELX 正則引擎。
相關(guān)文章
學(xué)會Python正則表達(dá)式,就看這20個例子(腳本之家修正版)
這篇文章主要介紹了學(xué)會Python正則表達(dá)式,就看這20個例子,需要的朋友可以參考下2020-03-03淺談?wù)齽t表達(dá)式(Regular Expression)
本文介紹了正則表達(dá)式的一些學(xué)習(xí)內(nèi)容,以及在Javascript、PHP下如何使用正則表達(dá)式2014-08-08正則表達(dá)式中的"g"是什么意思附件參數(shù)g的用法
為了能夠便于大家對正則表達(dá)式有一個更為綜合和深刻的認(rèn)識,我將一些關(guān)鍵點(diǎn)和容易犯糊涂的地方再系統(tǒng)總結(jié)一下2014-07-07Java正則表達(dá)式驗(yàn)證是否包含某個字符串的示例代碼
作為一名經(jīng)驗(yàn)豐富的開發(fā)者,我將教會你如何使用Java正則表達(dá)式來驗(yàn)證是否包含某個字符串,在本文中,我將按照以下步驟來指導(dǎo)你完成操作,感興趣的朋友一起看看吧2023-12-12正則表達(dá)式regular expression詳述(一)
正則表達(dá)式regular expression詳述(一)...2006-06-06正則表達(dá)式口訣 正則表達(dá)式學(xué)習(xí)工具
正則表達(dá)式口訣 + 常用的正則表達(dá)式 + 正則表達(dá)式學(xué)習(xí)工具+正則處理工具 正則是每個程序員繞不開的堡壘,只有把它攻下來。我覺得正則之所以難,第一難是需要記憶,第二難是要求具備抽象邏輯思維。2008-08-08