關(guān)于定義

  replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。

關(guān)于語(yǔ)法

stringObject.replace(regexp/substr,replacement)

關(guān)于參數(shù)

1、第一個(gè)參數(shù)regexp/substr，使用正則表達(dá)式時(shí)用全局標(biāo)識(shí)符g，可以替換所有匹配的子串，否則只會(huì)匹配一次。

    例如:

var str = "aaaaa"; 
var str1 = str.replace("a", "b");
var str2 = str.replace(/a/g, "b");

　 運(yùn)行結(jié)果： str1 -> "baaaa"，str2 -> "bbbbb"

2、第二個(gè)參數(shù)replacement，可以是字符串或者function，也可以是$字符具有的特定的含義。

   a. function的例子:

var str = "111222aa";
str.replace(/(\d{3})/g, function(word){
 return "b";
});

     運(yùn)行結(jié)果： "bbaa"

    b. $的例子

var str = "1234567890";
str.replace( /(\d{3})(\d{3})(\d{4})/g, "$1-$2-$3" );

     運(yùn)行結(jié)果： "123-456-7890"

注： 大多時(shí)候是利用regexp和$的結(jié)合來(lái)實(shí)現(xiàn)需求，所以知道一些基本的正則表達(dá)式規(guī)則是有必要的。

字符串替換字符串

'I am loser!'.replace('loser','hero')

//I am hero!
直接使用字符串能讓自己從loser變成hero，但是如果有2個(gè)loser就不能一起變成hero了。

'I am loser,You are loser'.replace('loser','hero');
//I am hero,You are loser

正則表達(dá)式替換為字符串

'I am loser,You are loser'.replace(/loser/g,'hero')
//I am hero,You are hero

使用正則表達(dá)式，并將正則的global屬性改為true則可以讓所有l(wèi)oser都變?yōu)閔ero

有趣的替換字符

replaceValue可以是字符串。如果字符串中有幾個(gè)特定字符的話，會(huì)被轉(zhuǎn)換為特定字符串。

字符 替換文本
$& 與正則相匹配的字符串
$` 匹配字符串左邊的字符
$' 匹配字符串右邊的字符
$1,$2,$,3,…,$n 匹配結(jié)果中對(duì)應(yīng)的分組匹配結(jié)果
使用$&字符給匹配字符加大括號(hào)

var sStr='討論一下正則表達(dá)式中的replace的用法';
sStr.replace(/正則表達(dá)式/,'{$&}');
//討論一下{正則表達(dá)式}中的replace的用法
使用$`和$'字符替換內(nèi)容

'abc'.replace(/b/,"$`");
//aac
'abc'.replace(/b/,"$'");
//acc
使用分組匹配組合新的字符串

'nimojs@126.com'.replace(/(.+)(@)(.*)/,"$2$1")
//@nimojs
replaceValue參數(shù)可以是一個(gè)函數(shù)

StringObject.replace(searchValue,replaceValue)中的replaceValue可以是一個(gè)函數(shù).
如果replaceValue是一個(gè)函數(shù)的話那么，這個(gè)函數(shù)的arguments會(huì)有n+3個(gè)參數(shù)（n為正則匹配到的次數(shù)）

先看例子幫助理解：

function logArguments(){ 
 console.log(arguments);
//["nimojs@126.com", "nimojs", "@", "126.com", 0, "nimojs@126.com"] 
 return '返回值會(huì)替換掉匹配到的目標(biāo)'
}
console.log(
 'nimojs@126.com'.replace(/(.+)(@)(.*)/,logArguments)
)

參數(shù)分別為

匹配到的字符串（此例為nimojs@126.com,推薦修改上面代碼的正則來(lái)查看匹配到的字符幫助理解)
如果正則使用了分組匹配就為多個(gè)否則無(wú)此參數(shù)。（此例的參數(shù)就分別為”nimojs”, “@”, “126.com”。推薦修改正則為/nimo/查看控制臺(tái)中返回的arguments值）
匹配字符串的對(duì)應(yīng)索引位置（此例為0）
原始字符串(此例為nimojs@126.com)
使用自定義函數(shù)將A-G字符串改為小寫(xiě)

'JAVASCRIPT'.replace(/[A-G]/g,function(){
 return arguments[0].toLowerCase();
})
//JaVaScRIPT

使用自定義函數(shù)做回調(diào)式替換將行內(nèi)樣式中的單引號(hào)刪除

'<span style="font-family:\'微軟雅黑\';">demo</span>'.replace(/\'[^']+\'/g,function(){  
 var sResult=arguments[0];
 console.log(sResult);//'微軟雅黑'
 sResult=sResult.replace(/\'/g,'');
 console.log(sResult);
//微軟雅黑
 return sResult;
})
//<span style="font-family:微軟雅黑;">demo</span>

最新評(píng)論