1. 程式人生 > >js中string之正則表示式replace方法詳解

js中string之正則表示式replace方法詳解

本篇文章主要介紹了js中string之正則表示式replace方法詳解,replace方法是javascript涉及到正則表示式中較為複雜的一個方法,嚴格上說應該是string物件的方法。

replace方法是javascript涉及到正則表示式中較為複雜的一個方法,嚴格上說應該是string物件的方法。只不過牽扯到正則的時候比較多一些。需要我們靈活的使用。

語法: stringObj.replace(regexp/substr,replacement);

第一個引數:必需。字串中要替換的子串或正則RexExp;

第二個引數:必需,一個字串值,規定了替換文字或生成替換文字的函式。 

返回值:注意它的返回值是一個新的字串,並沒有更改原有字串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。 

所以根據它的引數的不同分為很多種情況,以下一一對各種情況加以分析:

NO.1 兩個引數都是字串:

var str1 = '這是一段原始文字,需要替換的內容"這要替換"!';
var newStr = str1.replace('這要替換','need replace');
console.log( newStr );  //輸出:  這是一段原始文字,需要替換的內容"need replace"!

上面的例子中第二個引數字串'need replace',替換掉了第一個引數字串'這要替換'。這是最簡單的一種形式。

NO.2 第一個引數是正則,第二個引數是字串:

var str2 = '這是一段原始文字,需要替換的內容"ac這要替換bb"!';
var newStr = str2.replace( /([a-z])+/g,'qqq' );
console.log( newStr );  //輸出:  這是一段原始文字,需要替換的內容"qqq這要替換qqq"!

上面的例子字串'qqq',替換了正則匹配的內容。如果 regexp 具有全域性標誌 g,那麼 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。

NO.3 第一個引數是正則,第二個引數是帶$符的字串:

var str3 = '這是一段原始文字,"3c這要替換4d"!';
var newStr = str3.replace( /([0-9])([a-z])/g,"$1" );
console.log( newStr );  //輸出:  這是一段原始文字,"3這要替換4"!';

上面的例子,$1表示regexp中的第一個子表示即([0-9])匹配單個數字,同理若是$2則表示第二個子表示即([a-z]);所以,'3c'這個匹配到的整體被第一個子表示說表示的'3'替換,'4d'被第一個子表示匹配的數字'4'所替換。其他幾個同理可得:

(/([0-9])([a-z])/g,”$2″)—>////輸出: 這是一段原始文字,”c這要替換d”!'; (3c和4d被相應的第二個子表示匹配出來的c和d替換)(/([0-9])([a-z])/g,”$'”)—>////輸出: 這是一段原始文字,”這要替換d”!這要替換”!”!'; (3c被3c右側文字替換,4d右側是”!替換,所以出現倆次)

NO.4 第一個引數是正則,第二個引數函式:

var str4 = '這是一段原始文字,需要替換的內容"aa這要bbb替換ccccc"!';
var newStr = str4.replace( /[a-z]+/g,function ($0){
  var str = '';
  for (var i = 0; i < $0.length; i++) {
    str += '*';
  };
  return str;
} );
console.log( newStr );  //這是一段原始文字,需要替換的內容"**這要***替換*****"!

上面的例子函式的第一個引數為匹配的regexp的整體,根據長度函式返回值為相應替換的文字;

NO.5 第一個引數是正則且有子表示式,第二個引數函式且帶有多個引數:

var str5 = '這是一段原始文字,需要替換的內容"3c這要替換4d"!';
var newStr = str5.replace( /([0-9])([a-z])/g,function (arg1,arg2,arg3,arg4,arg5){
 console.log( arg1 );
 console.log( arg2 );
 console.log( arg3 );
 console.log( arg4 );
 console.log( arg5 );
} );

輸出:

3c
3
c
17
這是一段原始文字,需要替換的內容"3c這要替換4d"!
4d
4
d
23

這是一段原始文字,需要替換的內容"3c這要替換4d"!

上面的例子第一個引數arg1表示匹配的整體,arg2表示第一個子表示式,arg3表示第二個子表示式,接下來的引數arg4是一個整數,聲明瞭表示子匹配在 stringObject 中出現的位置。最後一個引數是 stringObject 本身。

以上就是replace方法各種可能的情況。確實是一個需要深入理解的方法,不過確實也很強大的一個方法,值得深入研究!