replace方法是屬于String對(duì)象的，可用于替換字符串。

簡(jiǎn)單介紹:

StringObject.replace(searchValue,replaceValue)

1. StringObject:字符串
2. searchValue：字符串或正則表達(dá)式
3. replaceValue:字符串或者函數(shù)

字符串替換字符串

'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)換為特定字符串。

使用$&字符給匹配字符加大括號(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ù)分別為

1. 匹配到的字符串（此例為nimojs@126.com,推薦修改上面代碼的正則來(lái)查看匹配到的字符幫助理解)
2. 如果正則使用了分組匹配就為多個(gè)否則無(wú)此參數(shù)。（此例的參數(shù)就分別為”nimojs”, “@”, “126.com”。推薦修改正則為/nimo/查看控制臺(tái)中返回的arguments值）
3. 匹配字符串的對(duì)應(yīng)索引位置（此例為0）
4. 原始字符串(此例為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);//'微軟雅黑' 
    sResultsResult=sResult.replace(/\'/g,''); 
    console.log(sResult);//微軟雅黑 
    return sResult; 
})//<span style="font-family:微軟雅黑;">demo</span> 

最后的小試牛刀

這一節(jié)是交給閱讀者發(fā)揮的內(nèi)容：

1.使用函數(shù)自主實(shí)現(xiàn)替換字符

使用正則但不使用以上替換字符方法來(lái)實(shí)現(xiàn)有趣的替換字符中的三個(gè)實(shí)例。

2.洗撲克

需要將ThisNimojs-JavaScript使用正則替換成TJhaivsaNSicmroijpst

原文鏈接：http://www.nimojs.com/blog/javascript-replace/