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

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