在JavaScript代碼中使用正則表達(dá)式進(jìn)行模式匹配經(jīng)常會(huì)用到String對(duì)象和RegExp對(duì)象的一些方法,例如replace、match、search等方法,下面所述是對(duì)相關(guān)方法使用的總結(jié),需要的朋友參考下。
String對(duì)象中支持正則表達(dá)式有4種方法,分別是:search、replace、match、split
str.search(regexp)
定義:search()方法將在字符串str中檢索與表達(dá)式regexp相匹配的字串,并且返回第一個(gè)匹配字串的第一個(gè)字符的位置。如果沒(méi)有找到任何匹配的字串,則返回-1。
例如:
var str = "Javascript";
str.search(/script/); // 返回 script 中s的位置為 4
str.search(/j/i); // 設(shè)置正則表達(dá)是標(biāo)識(shí)i:忽略大小寫(xiě),則匹配到J,返回位置0
但是,search()方法不支持全局搜索,因?yàn)闀?huì)忽略正則表達(dá)式參數(shù)的標(biāo)識(shí)g,并且也忽略了regexp的lastIndex屬性,總是從字符串的開(kāi)始位置進(jìn)行檢索,所以它會(huì)總是返回str的第一個(gè)匹配的位置。
例如:
var str = "javascript is cool";
str.search(/s/g); // 返回 javascript 中的s位置4,不會(huì)繼續(xù)檢索s
str.replace(regexp, replacement)
定義:replace()方法是執(zhí)行查找并替換的操作。它將正則表達(dá)式regexp匹配到的字串,然后用replacement的字符串替換掉字串,如果有全局標(biāo)識(shí)g,則替換全部匹配的字串,否則只替換第一個(gè)匹配字串。
replace方法應(yīng)該是比較常用的一個(gè)方法,在字符串替換操作中非常有用的。例如:
1、簡(jiǎn)單替換
var str = "javascript";
str.replace(/javascript/,'JavaScript'); // 將字符串javascript替換為JavaScript
2、全局替換
// 使用全局表示g進(jìn)行全局替換
var str = "javascript";
str.replace(/a/g, 'b'); // 將所有的字母a替換為字母b,返回 jbvbscript
3、使用replacement中的特殊字符替換,在replacement中$字符有特殊的意義,具體說(shuō)明如下表格:
來(lái)看下例子:
//1、用子表達(dá)式替換:$1、$2等
var str = "javascript";
str.replace(/(java)(script)/,'$2$1');
// 表達(dá)式中()就是一個(gè)子表達(dá)式,$1對(duì)應(yīng)是第一個(gè)表達(dá)式的內(nèi)容,即java,$2為script,所以替換結(jié)果為:scriptjava
//2、$ 為正值表達(dá)式匹配的字串
var str = "javascript";
str.replace(/java/,'$-');
// 正則表達(dá)式通過(guò)直接量java來(lái)匹配,匹配結(jié)果為java,則 $的值為java,然后用字符串$-來(lái)替換匹配的字串,結(jié)果為java-script
// 3、 $` $' $$
var str = "javascript";
str.replace(/ava/,"$`"); // $`為匹配子串a(chǎn)va的左側(cè)文本,則為j,則替換后ava的結(jié)果為:jjscript
str.replace(/ava/,"$'"); // $'為匹配子串a(chǎn)va的右側(cè)文本,則為script,則替換ava的結(jié)果為:jscriptscript
str.replace(/ava/,"$$"); // $$為直接量符號(hào),即插入一個(gè)$符號(hào),替換結(jié)果為:j$script
4、使用replacement作為函數(shù)替換
replace的參數(shù)replacement可以是函數(shù)而不是字符串,每個(gè)匹配都會(huì)調(diào)用該函數(shù),它返回的字符串將作為替換的文本使用。該函數(shù)的第一個(gè)參數(shù)是整個(gè)匹配模式的字符串,接下來(lái)的參數(shù)是與模式中的子表達(dá)式匹配的字符串,可以有0個(gè)或多個(gè)參數(shù)。接下來(lái)的參數(shù)是一個(gè)整數(shù),聲明了匹配在str中出現(xiàn)的位置。最后的參數(shù)是str自身。
來(lái)看個(gè)例子:
// match 為匹配整個(gè)字符串,即:'abc12345#$*%'
// p1 為第一個(gè)子表達(dá)式,([^\d]*),匹配0個(gè)或多個(gè)非數(shù)字的字符,即:abc
// p2 為第二個(gè)子表達(dá)式,(\d*),匹配0個(gè)或多個(gè)的數(shù)字,即:12345
// p3 為第三個(gè)子表達(dá)式,([^\w]*),匹配0個(gè)或匹配任何非單詞字符。等價(jià)于 '[^A-Za-z0-9_]',即 #$*%
// offset 為模式匹配出現(xiàn)的位置,從第一個(gè)字符已經(jīng)匹配成功,則位置為0
// string為字符串本身,即 abc12345#$*%
function replacer(match, p1, p2, p3, offset, string) {
return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
// 替換結(jié)果為:abc - 12345 - #$*%
str.match(regexp)
定義:match()方法是最常用的String正則表達(dá)式方法。它唯一的參數(shù)就是一個(gè)正則表達(dá)式或者通過(guò)RegExp()構(gòu)造函數(shù)來(lái)創(chuàng)建正則表達(dá)式,返回值是包含了匹配結(jié)果的數(shù)組。
match()方法中的regexp正則表達(dá)式一般又分為兩種情況:有設(shè)置全局標(biāo)志g和沒(méi)有設(shè)置全局標(biāo)志
1、有設(shè)置全局標(biāo)志
如果設(shè)置了全局標(biāo)志g,則返回的數(shù)組包含的就是出現(xiàn)在字符串的所有匹配結(jié)果,例如:
// 全局匹配
var str = "1 plus 2 equals 3";
str.match(/\d/g); // 匹配字符串中出現(xiàn)的所有數(shù)字,并返回一個(gè)數(shù)組: [1,2,3]
2、沒(méi)有設(shè)置全局標(biāo)志
如果沒(méi)有設(shè)置全局標(biāo)志,則就不是全局性的檢索,只是檢索第一個(gè)匹配。這種情況下,match()方法匹配的結(jié)果也是返回一個(gè)數(shù)組,數(shù)組的第一個(gè)元素就是匹配的字符串,而余下的元素則是正則表達(dá)式中用括號(hào)括起來(lái)的子表達(dá)式。來(lái)看個(gè)例子:
// 非全局匹配
var str = "visit my blog at http://www.example.com";
str.match(/(\w+):\/\/([\w.]+)/); // 返回結(jié)果:["http://www.example.com", "http", "www.example.com"]
// 正則表達(dá)式匹配的結(jié)果為:http://www.example.com
// 第一個(gè)子表達(dá)式 (\w+)匹配結(jié)果:http
// 第二個(gè)子表達(dá)式 ([\w.])匹配結(jié)果: www.example.com
str.split(delimiter, limit)
定義:split()方法可以把調(diào)用它的字符串分解為一個(gè)字串?dāng)?shù)組,使用的分隔符是它的參數(shù)。
參數(shù):
delimiter:字符串或者正則表達(dá)式,從該參數(shù)指定的地方分割字符串。
limit:指定返回?cái)?shù)組的最大長(zhǎng)度,如果沒(méi)有設(shè)置該參數(shù),則整個(gè)字符串都會(huì)被分割。
例如:
//1、 只傳一個(gè)參數(shù),默認(rèn)分割整個(gè)字符串
var str ="a,b,c,d,e";
str.split(','); // 返回分割的字符串?dāng)?shù)組:["a", "b", "c", "d", "e"]
//2、傳入兩個(gè)參數(shù)
var str ="a,b,c,d,e";
str.split(',',3); //指定限定長(zhǎng)度,則返回對(duì)應(yīng)的數(shù)組:["a", "b", "c"]
//3、使用正則表達(dá)式匹配,不包含分割字符串
var str = "aa44bb55cc66dd";
str.split(/\d+/); //通過(guò)匹配數(shù)字進(jìn)行分割字符串,但不包含分割的字符串,則返回的結(jié)果為:["aa","bb","cc","dd"];
//4、使用正則表達(dá)式匹配,包含分割字符串
var str = "aa44bb55cc66dd";
str.split(/(\d+)/); //通過(guò)匹配數(shù)字進(jìn)行分割字符串,且分割的字符串是包含在子表達(dá)式中,則返回的結(jié)果為:["aa", "44", "bb", "55", "cc", "66", "dd"]
關(guān)于正則表達(dá)式模式匹配的String方法的相關(guān)知識(shí),小編就給大家介紹到這里。
您可能感興趣的文章:- js 正則表達(dá)式學(xué)習(xí)筆記之匹配字符串
- 正則匹配密碼只能是數(shù)字和字母組合字符串功能【php與js實(shí)現(xiàn)】
- js正則學(xué)習(xí)小記之匹配字符串字面量
- JavaScript正則表達(dá)式匹配字符串字面量
- js 正則學(xué)習(xí)小記之匹配字符串字面量?jī)?yōu)化篇
- 一個(gè)關(guān)于JS正則匹配的踩坑記錄