JavaScript 中的 replace 方法

定義和用法

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

stringObject.replace(regexp/substr,replacement)

參數	描述
regexp/substr	必需。規定子字符串或要替換的模式的 RegExp 對象。 請注意，如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉換為 RegExp 對象。
replacement	必需。一個字符串值。規定了替換文本或生成替換文本的函數。

 

返回值

 

一個新的字符串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

 

 

正則字符

 

replaceValue可以是字符串。如果字符串中有幾個特定字符的話，會被轉換為特定字符串。

 

字符	替換文本
$$	直接量符號(就是當做'$$'字符用)
$&	與正則相匹配的字符串
$`	匹配字符串左邊的字符
$’	匹配字符串右邊的字符
$1,$2,$,3,…,$n	匹配結果中對應的分組匹配結果

 

正則替換字符串

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

使用正則表達式，並將正則的global屬性改為true則可以讓所有loser都變為hero

 

使用$&字符給匹配字符加大括號

var sStr='討論一下正則表達式中的replace的用法';
sStr.replace(/正則表達式/,'{$&}');
//討論一下{正則表達式}中的replace的用法

使用$`和$’字符替換內容

'abc'.replace(/b/,"$`");
//aac
'abc'.replace(/b/,"$'");
//acc

使用分組匹配組合新的字符串

'[e-mail]'.replace(/(.+)(@)(.*)/,"$2$1")
//@nimojs

replaceValue參數可以是一個函數

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

先看例子幫助理解：

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

參數分別為

1. 匹配到的字符串（此例為[e-mail],推薦修改上面代碼的正則來查看匹配到的字符幫助理解)
2. 如果正則使用了分組匹配就為多個否則無此參數。（此例的參數就分別為”nimojs”, “@”, “126.com”。推薦修改正則為/nimo/查看控制台中返回的arguments值）
3. 匹配字符串的對應索引位置（此例為0）
4. 原始字符串(此例為[e-mail])

使用自定義函數將A-G字符串改為小寫

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

使用自定義函數做回調式替換將行內樣式中的單引號刪除

'<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>