JavaScript 函數replace深入了解_javascript技巧

replace函數接受兩個參數,第一個參數為字串或正規表示式，第一個參數同樣可以接受一個字串，也可能是一個函數。

      首先對於第一個參數為字串的我們不再需要多說"I am a boy".replace("boy","girl"),輸出："I am a girl"。這裡想說的是第一個參數為正規的情況。對於正規表示式來說首先會根據是否全域的（全域//g）決定替換行為，如果是全部的則替換全部替換，非全域的只有替換首個匹配的字串。例如：

複製程式碼 程式碼如下:

"Ha Ha".replace(/bw b/g , "He")  // He He

"Ha Ha".replace(/bw b/, "He")  //He Ha

1:第二個參數為字串：

    正規replace約定了一個特殊標記符$：

1.$i (i:1-99) : 表示從左到右正則子表達式所符合的文字。
2.$&:表示與正規表示式相符的全文本。
3.$`(`:切換技能鍵)：表示符合字串的左邊文字。
4.$'(‘:單引號)：表示符合字串的右邊文字。
5.$$：表示$轉移。
下面來幾個demo:

複製程式碼 程式碼如下:

程式碼如下:


"boy & girl".replace(/(w )s*&s*(w )/g,"$2 & $1") //girl & boy

"boy".replace(/w /g,"$& -$&") // boy-boy

"javascript".replace(/script/,"$& != $`") //javascript != java

"javascript" .replace(/java/,"$&$' is ") // javascript is script

2：第二個參數為函數：

      在ECMAScript3建議使用函數方式，實作於JavaScript1.2.當replace方法執行的時候每次都會呼叫該函數，並傳回值作為替換的新值。

     函數參數的規定：

1.第一個參數為每次匹配的全文本（$&）。

2.中間參數為子表達式匹配字串，個數不限.( $i (i:1-99))

3.倒數第二個參數為匹配文字字串的匹配下標位置。

4.最後一個參數表示字串本身。

這就是本文所要說replace威力強大的地方，理論的東西都是乾貨，我們需要範例解決一切空洞的問題：

1：字串首字母大寫：

複製程式碼

程式碼如下:


String.prototype.capitalize = function( >
    return this.replace( /(^|s)([a-z])/g , function(m,p1,p2){ return p1 p2.toUpperCase();

    } ) };

console.log("i am a boy !".capitalize())

輸出：I Am A Boy !

2:對字串「張三56分， 李四74分， 王五92分， 趙六84分」的分數提取匯總，算出平均分數並輸出每個人的平均分數差距。

複製程式碼

代碼如下:


var s = "張三56分，李四746分，李四74分， 王五92分， 趙六84分";

var a = s.match(/d /g);

var sum = 0;

for (var i = 0 ; i
            sum = parseFloat(a[i]);

}
var avg = sum / a.length;

  

function f(){

                return n "分數" "(" ((n > avg) ? ("超出平均分數" (n - avg)) :

                ";

}

  

var result = s.replace(/(d )分/g, f);

console.log(result );

輸出：

張三56分(低於平均分數20.5分)， 李四74分(低於平均分數2.5分)， 王五92分(超出平均分數15.5分)，趙六84分(超出平均分數7.5分)

       JavaScript的replace函數加上正規的高階應用，JavaScript的replace將會發回更大的威力所在，在這裡將不再深入正規高階應用斷言之類的。

來源：http://www.cnblogs.com/whitewolf/