JavaScript 函數replace揭祕

  在JavaScript中replace函數做爲字符串替換函數，這是一個威力強大的字符串操做函數，對於常見字符串操做的推薦用法。這篇隨筆就來更加深刻的理解它。

       replace函數接受兩個參數,第一個參數爲字符串或正則表達式，第一個參數一樣能夠接受一個字符串，還多是一個函數。

      首先對於第一個參數爲字符串的咱們再也不須要多說"I am a boy".replace("boy","girl"),輸出："I am a girl"。在這裏想說的是第一個參數爲正則的情形。對於正則表達式來講首先會根據是否全局的（全局//g）決定替換行爲，若是是所有的則替換所有替換， 非全局的只有替換首個匹配的字符串。例如：

"Ha Ha".replace(/\b\w+\b/g, "He")  // He He   "Ha Ha".replace(/\b\w+\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分， 李四74分， 王五92分， 趙六84分";
var a = s.match(/\d+/g);
var avg = a.reduce(function(obj, item){ return obj + parseFloat(item);},0) / a.length; 
var result = s.replace(/(\d+)分/g, function(){
 
            var n = parseFloat(arguments[1]);
 
            return n + "分" + "(" + ((n > avg) ? ("超出平均分" + (n - avg)) :
 
                        ("低於平均分" + (avg - n))) + "分)";
 
});
console.log(result);

輸出：

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

       JavaScript的replace函數再加上正則的高級應用，JavaScript的replace將會發回更大的威力所在，在這裏將再也不深刻正則高級應用斷言之類的。