第JS正則表達(dá)式替換字符串replace()方法實(shí)例代碼目錄replace()方法介紹簡(jiǎn)單用法重點(diǎn):函數(shù)替換補(bǔ)充：替換特殊字符總結(jié)

replace()方法介紹

replace()方法執(zhí)行搜索替換操作。

它接收一個(gè)正則表達(dá)式作為第一個(gè)參數(shù),接收一個(gè)替換字符串作為第二個(gè)參數(shù)。

它搜索調(diào)用它的字符串,尋找與指定模式匹配的文本。

如果正則表達(dá)式帶g標(biāo)志,replace()方法會(huì)替換字符串中的所有匹配項(xiàng);否則,它只替換第一個(gè)匹配項(xiàng)。

如果replace()方法的第一個(gè)參數(shù)是一個(gè)字符串而非正則表達(dá)式,這個(gè)方法會(huì)按照字面值進(jìn)行搜索。

簡(jiǎn)單用法

lettext='mynameishu,youNAMEiszhang';

//因?yàn)樽址遣豢尚薷牡膶?duì)象所以要賦值給一個(gè)新變量,也可以對(duì)其重新賦值

text=text.replace(/name/gi,'like');//標(biāo)志g表示全局匹配,標(biāo)志i表示不區(qū)分大小寫

console.log(text);//mylikeishu,youlikeiszhang

不過(guò)replace()方法的能力遠(yuǎn)不止這些。比如在正則表達(dá)式中用括號(hào)()分組的子表達(dá)式是從左到右編號(hào)的,而且正則表達(dá)式能記住每個(gè)子表達(dá)式匹配的文本。如果替換字符串中出現(xiàn)了$符號(hào)后面跟一個(gè)數(shù)字(例如$1代表第一組子表達(dá)式),replace()會(huì)將這兩個(gè)字符替換為指定的子表達(dá)式匹配的文本。

letstr='abcdeABCDE';

//其中$1代表第一組(b),$2代表第二組(c)

str=str.replace(/(b)(c)/gi,'b$1bc$2c');//給b兩邊來(lái)個(gè)b,給c兩邊來(lái)個(gè)c

console.log(str);//abbbcccdeAbBbcCcDE

如果正則表達(dá)式中使用的是命名捕獲組,則可以通過(guò)名字而非數(shù)字來(lái)引用匹配的文本,如果使用命名捕獲組就要把名字寫到$名字中:

letstr='abcdABCD';

str=str.replace(/(group1bc)/gi,'[$group1//給bc套個(gè)中括號(hào)

console.log(str);//a[bc]dA[BC]D

重點(diǎn):函數(shù)替換

除了給replace()的第二個(gè)參數(shù)傳替換字符串,還可以傳一個(gè)函數(shù),這個(gè)函數(shù)會(huì)被調(diào)用然后用來(lái)計(jì)算替換的值,如果匹配到多個(gè)值則會(huì)對(duì)每個(gè)值進(jìn)行一次計(jì)算替換。這個(gè)替換函數(shù)在被調(diào)用時(shí)會(huì)接收幾個(gè)參數(shù),第一個(gè)參數(shù)是匹配的整個(gè)文本:

letstr='小明有-100元,小李有5元,小張有-10元';

//對(duì)其中的錢進(jìn)行絕對(duì)值操作

str=str.replace(/-\d+/g,function(s){

letnum=parseInt(s);

if(num0){

//如果小于0就讓它乘-1

num*=-1;

//返回結(jié)果對(duì)其進(jìn)行替換

returnnum;

console.log(str);//小明有100元,小李有5元,小張有10元

然后,如果正則表達(dá)式有捕獲組,則后面幾個(gè)參數(shù)分別是這些捕獲組匹配的子字符串。對(duì)以上代碼進(jìn)行修改:

letstr='小明有-100元,小李有5元,小張有-10元';

//對(duì)其中的錢進(jìn)行絕對(duì)值操作

str=str.replace(/(\d+)|(-\d+)/g,function(s,first,last){

//s代表匹配的整個(gè)字符串,first代表第一組為正數(shù),last代表第二組為負(fù)數(shù)

if(first){

//如果正數(shù)直接返回

returnfirst;

}else{

//如果負(fù)數(shù)讓其乘-1

returnparseInt(last)*-1;

console.log(str);//小明有100元,小李有5元,小張有10元

補(bǔ)充：替換特殊字符

要替換特殊字符，例如-/\\^$*+.()|[]{})，需要使用反斜杠對(duì)其轉(zhuǎn)義。

如果給定字符串this\\-is\\-my\\-url，要求把所有轉(zhuǎn)義的減號(hào)（\\-）替換為未轉(zhuǎn)義的減號(hào)（-）。

可以用replace()做到：

constmyUrl='this\-is\-my\-url';

constnewUrl=myMessage.replace(/\\-/g,'-');

console.log(newUrl);//this-is-my-url

或者用newRegexp()：

constmyUrl='this\-is\-my\-url';

constnewUrl=myUrl.