正則表達(dá)式

Miracle 發(fā)布于2019-08-26 13:29 / 685人閱讀

摘要：對(duì)象使用單個(gè)字符串來(lái)描述匹配一系列符合某個(gè)句法規(guī)則的字符串測(cè)試網(wǎng)站創(chuàng)建方式字面量構(gòu)造函數(shù)元字符正則表達(dá)式由兩種基本字符類型組成原義文本字符元字符元字符是在正則表達(dá)式中有特殊含義的非字母字符字符類一般情況下正則表達(dá)式一個(gè)字符對(duì)應(yīng)字符串一個(gè)字符

RegExp對(duì)象

Regular Experssion使用單個(gè)字符串來(lái)描述、匹配一系列符合某個(gè)句法規(guī)則的字符串

測(cè)試網(wǎng)站：https://regexper.com

創(chuàng)建方式

字面量

var reg = /is/g
"he is a boy".replace(reg,"IS")
//"he IS a boy"

構(gòu)造函數(shù)

var reg = new RegExp("is","g");
"he is a boy".replace(reg,"IS")
//"he IS a boy"

元字符
正則表達(dá)式由兩種基本字符類型組成：

原義文本字符

元字符

元字符是在正則表達(dá)式中有特殊含義的非字母字符

* + ? $ ^ . | () {} []

字符類

一般情況下正則表達(dá)式一個(gè)字符對(duì)應(yīng)字符串一個(gè)字符

表達(dá)式ab 的含義是

我們也可以使用元字符[]來(lái)構(gòu)建一個(gè)簡(jiǎn)單的類

所謂類是指符合某些特征的對(duì)象，一個(gè)泛指，而不是特指某個(gè)字符

表達(dá)式[abc]把字符a或b或c歸為一類，表達(dá)式可以匹配這類的字符,

"a1b2c3d3".replace(/[abc]/g,"X")
"X1X2X3d3"

字符串取反

使用元字符^創(chuàng)建反向類/負(fù)向類

反向類的意思是不屬于某類的內(nèi)容

表達(dá)式[^abc]表示不是字符a或b或c的內(nèi)容

范圍類

正則表達(dá)式還提供了范圍類

可以用[a-z]來(lái)連接兩個(gè)字符表示從a到z的任意字符

這是個(gè)閉區(qū)間，也就是包含a和z本身

"a1b2c3d4x5z6".replace(/[a-z]/g,"X")
//"X1X2X3X4X5X6"

在[]組成的類內(nèi)部是可以連寫的[a-zA-Z]

"a1b2c3d4x5z6DSFDAFDAFD".replace(/[a-zA-Z]/g,"X")
//"X1X2X3X4X5X6DSFDAFDAFD"

這種情況下如何匹配到"-"?只需要在后面補(bǔ)上一個(gè)"-"就行了

"a1b2-c-3d4x5z6DS-F-DAFDAFD".replace(/[a-zA-Z-]/g,"X")
//"X1X2XXX3X4X5X6XXXXXXXXXXXX"

JS預(yù)定義類及邊界

預(yù)定類:

"This is a boy".replace(/Bis/,"0")
//"Th0 is a boy"

幾個(gè)常用的邊界匹配字符:

示例一：

"This is a boy".replace(/is/g,"0")
//"Th0 0 a boy"

只想替換第一個(gè)"is

"This is a boy".replace(/Bis/,"0")
//"Th0 is a boy"

只想替換第二個(gè)

"This is a boy".replace(/is/g,"0")
//"This 0 a boy"

示例二：

"@123@345@".replace(/@./g,"Q")
//"Q23Q45@"

只想替換第一個(gè)

"@123@345@".replace(/^@./g,"Q")
//"Q23@345@"

只替換最后一個(gè)

"@123@345@".replace(/.@$/g,"Q")
//"@123@34Q"

var mulstr =  "@123   
               @456
               @678";
              
 mulStr.replace(/^@d/gm,"x")
 // X123
    X456
    X678

量詞

我們希望匹配一個(gè)連續(xù)出現(xiàn)20次數(shù)字的字符串：

顯然不能用這中方式:ffffdffffdffffdffffdffffdffffdffffd

JS正則貪婪模式與非貪婪模式

貪婪模式
正則表達(dá)式在匹配的時(shí)候會(huì)盡可能多的匹配，直到匹配失敗

"12345678".replace(/d{3,6}/g,"X")
//"X78"

//123456  -> X

非貪婪模式

讓正則表達(dá)式盡可能少的匹配，也就是說(shuō)一旦成功匹配不再繼續(xù)嘗試就是非貪婪模式

做法很簡(jiǎn)單，在量詞后面加上?即可

"12345678".replace(/d{3,6}?/g,"X")
//"XX78"

//123，456  ->  X,X

分組

()
匹配字符串Byron連續(xù)出現(xiàn)三次的場(chǎng)景，可能會(huì)用Byron{3}

并不能達(dá)到我們期待的結(jié)果，只會(huì)處理緊挨著的，

用()可以達(dá)到分組的功能，使量詞作用域分組:

"a1b2c3d4".replace(/[a-z]d{3}/g,"X")
//"a1b2c3d4"

"a1b2c3d4".replace(/([a-z]d){3}/g,"X")
//"Xd4"

或

使用|達(dá)到效果

Byron|Casper

"ByronCasper".replace(/Byron|Casper/g,"X")
// "XX"

"ByronsperByrCasper".replace(/Byr(on|Ca)sper/g,"X")
//"XX"

反向引用

2015-12-25 --> 12/25/2015

"2015-12-25".replace(/(d{4})-(d{2})-(d{2})/g,"$2/$3/$1")
//"12/25/2015"

忽略分組

不希望捕獲某些分組，只需要在分組內(nèi)加上?:就可以

(?:Byron).(ok)

不讓捕獲分組

前瞻

正則表達(dá)式從文本頭部向尾部開(kāi)始解析，文本尾部方向

前瞻就是在正則表達(dá)式匹配到規(guī)則的時(shí)候，向前檢查是否符合斷言，后顧/后瞻方向相反

javascript不支持后顧

符合和不符合特定斷言稱為肯定/正向匹配和否定/負(fù)向匹配

前瞻

"a2*3".replace(/w(?=d)/g,"X")
//"X2*3"

JS對(duì)象屬性

對(duì)象屬性

g:global全文搜索，不添加，搜索到第一個(gè)匹配停止

i:ignore case忽略大小寫，默認(rèn)大小寫敏感

m:multiple lines多行搜索

lastIndex:是當(dāng)前表達(dá)式匹配內(nèi)容的最后一個(gè)字符的下一個(gè)位置

source:正則表達(dá)式的文本內(nèi)容框

var reg1 = /w/
var reg2 = /w/gim

reg1.ignoreCase
//false

reg1.multiline
//false

reg1.global
//false

reg2.ignoreCase
//true
reg2.multiline
//true
reg2.global
//true

test和exec方法 test

RegExp.prototype.test(str)

用于測(cè)試字符串參數(shù)中是否存在匹配正則表達(dá)式模式的字符串

如果存在則返回true，不存在則返回false

var reg1 = /w/
var reg2 = /w/g

while(reg2.test("ab")){
  console.log(reg2.lastIndex)
}

//1
//2

exec

RegExp.prototype.exec(str)

使用正則表達(dá)式模式對(duì)字符串執(zhí)行搜索，并將更新全局RegExp對(duì)象的屬性以反映匹配結(jié)果

如果沒(méi)有匹配的文本則返回null，否則返回一個(gè)結(jié)果數(shù)組

index聲明匹配文本的第一個(gè)字符的位置

input存放被檢索的字符串string

非全局調(diào)用

調(diào)用非全局的RegExp對(duì)象的exec()時(shí)，返回?cái)?shù)組

第一個(gè)元素是與正則表達(dá)式相匹配的文本

第二個(gè)元素是與RegExpObject的第一個(gè)子表達(dá)式相匹配的文本(如果有的話)

第三個(gè)元素是與RegExp對(duì)象的第二個(gè)子表達(dá)式相匹配的文本(如果有的話)，以此類推

var reg3 = /d(w)(w)d/
var reg4 = /d(w)(w)d/g
var ts = "1az2bb3cy4dd5cc"

var ret = reg3.exec(ts)

console.log(reg3.lastIndex+"	"+ret.index+"	"+ret.toString())
//"0  0 1az2,a,z"
//非全局lastIndex不生效，reg3.lastIndex并未生效
console.log(reg3.lastIndex+"	"+ret.index+"	"+ret.toString())
//"0  0 1az2,a,z"

while(ret = reg4.exec(ts)){
  console.log(reg4.lastIndex+"	"+ret.index+"	"+ret.toString())
}
//"4  0 1az2,a,z"
//"10 6 3cy4,c,y"

字符串對(duì)象方法 String.prototype.search(reg)

search()方法用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串

方法返回第一個(gè)匹配結(jié)果index，查找不到返回-1

search()方法不執(zhí)行全局匹配，它將忽略標(biāo)志g，并且總是從字符串的開(kāi)始進(jìn)行檢索

"dafd1afd".search(/1/g)
//4
//輸入數(shù)字也能匹配到，嘗試往正則表達(dá)式轉(zhuǎn)

String.prototype.match(reg)

match()方法將檢索字符串，以找到一個(gè)或多個(gè)與regexp匹配的文本

regexp是否具有標(biāo)志g對(duì)結(jié)果影響很大

非全局調(diào)用

如果沒(méi)有regexp沒(méi)有標(biāo)志g，那么match()方式就只能在字符串中執(zhí)行一次匹配

如果沒(méi)有找到任何匹配的文本，將返回null

找到了它將返回一個(gè)數(shù)組，其中存放了與它找到的匹配文本有關(guān)的信息

返回?cái)?shù)組的第一個(gè)元素存放的是匹配文本，而其余的元素存放的是與正則表達(dá)式的子表達(dá)式匹配的文本

除了常規(guī)的數(shù)組元素之外，返回的數(shù)組還包含了兩個(gè)對(duì)象屬性

index聲明匹配文本的起始字符，在字符串的位置

input聲明，對(duì)stringObject的引用

var reg3 = /d(w)d/
var reg4 = /d(w)d/g
var ts = "$1a2b3c4d5e"


var ret = ts.match(reg3)
console.log(ret)
console.log(ret.index+"	"+reg3.lastIndex)


//["1a2", "a", index: 1, input: "$1a2b3c4d5e", groups: undefined]
// 1    0

全局調(diào)用

如果regexp具有標(biāo)志g則match()方法將執(zhí)行全局檢索，找到字符串中的所有匹配字符串

沒(méi)有找到任何匹配的字符串，則返回null

如果找到了一個(gè)或多個(gè)匹配字符串，則返回一個(gè)數(shù)組

數(shù)組元素中存放的是字符串中所有的匹配子串，而且也沒(méi)有index屬性或input屬性

var reg3 = /d(w)d/
var reg4 = /d(w)d/g
var ts = "$1a2b3c4d5e"


var ret = ts.match(reg4)
console.log(ret)
console.log(ret.index+"	"+reg4.lastIndex)


//["1a2", "3c4"]
//undefined    0

String.prototype.split(reg)

我們經(jīng)常使用split方法將字符串分割為字符數(shù)組

"a,b,c,d".split(",") //["a","b","c","d"]

在一些復(fù)雜的分割情況下我們可以使用正則表達(dá)式解決

"a1b2c3d".split(/d/);
//["a", "b", "c", "d"]

"a1.b|2c3d".split(/.||/);

//["a1", "b", "2c3d"]

String.prototype.replace()

String.prototype.replace(str,replaceStr)

"a1b1c1".replace("1",2)
//"a2b1c1"

String.prototype.replace(reg,replaceStr)

"a1b1c1".replace(/1/,2)
//"a2b1c1"

String.prototype.replace(reg,function)

function會(huì)在每次匹配替換的時(shí)候調(diào)用，有四個(gè)參數(shù)

1、匹配字符串

2、正則表達(dá)式分組內(nèi)容，沒(méi)有分組則沒(méi)有該參數(shù)

3、匹配項(xiàng)在字符串中的index

4、原字符串

"a1b2c3d4"  => "a2b3c4d5"

"a1b2c3d4e5".replace(/d/g,function(match,index,origin){
    console.log(index)
    return parseInt(match) + 1
})
// 1
//3
//5
//7
//9
//"a2b3c4d5e6"

"a1b2c3d4e5".replace(/(d)(w)(d)/g,function(match,group1,group2,group3,index,origin){
    console.log(index)
    return parseInt(group1)+parseInt(group3)
})
// 1
//5
//"a3c7e5"