JavaScript 函數replace揭秘

在JavaScript中replace函數作為字串替換函數，這是一個威力強大的字串操作函數，對於常見字串操作的建議用法。這篇隨筆就來更加深入的理解它。
       replace函數接受兩個參數,第一個參數為字串或正規表示式，第一個參數同樣可以接受一個字串，也可能是一個函數。
      首先對於第一個參數為字串的我們不再需要多說"I am a boy".replace("boy","girl"),輸出："I am a girl"。這裡想說的是第一個參數為正規的情況。對於正規表示式來說首先會根據是否全域的（全域//g）決定替換行為，如果是全部的則替換全部替換，非全域的只有替換首個匹配的字串。例如：
 

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

/ 

"Ha He 

/ 

"Ha Ha".place(/ //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：第二個參數推薦給功能.2.當replace方法執行的時候每次都會呼叫該函數，並傳回值作為替換的新值。
     函數參數的規定：
1.     第一個參數為每個符合的全文本（$&）。
2.     中間參數為子運算式符合字串，個數不限.( $i (i:1-99))
3.     倒數第二個參數為符合文字字串的符合下標位置。
4.     最後一個參數表示字串本身。
這就是本文所要說replace威力強大的地方，理論的東西都是乾貨，我們需要範例解決一切空洞的問題：
1：字串首字母大寫：
console.log(

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 sum = 0; 
 
for(var i = 0 ; i < a.length; i++){ 
 
            sum += parseFloat(a[i]); 
 
} 
 
  
 
var avg = sum / a.length; 
 
  
 
function f(){ 
 
            var n = parseFloat(arguments[1]); 
 
            return n + "分" + "(" + ((n > avg) ? ("超出平均分" + (n - avg)) : 
 
                        ("低于平均分" + (avg - n))) + "分)"; 
 
} 
 
  
 
var result = s.replace(/(\d+)分/g, f); 
 
console.log(result);

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

 

     replace將會發回更大的威力所在，在這裡將不再深入正則高級應用斷言之類的。