JavaScript 的replace()方法

定義

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

語法

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

 返回值

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

說明

字符串 stringObject 的 replace() 方法執行的是查找並替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串，然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g，那么 replace() 方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

replacement 可以是字符串，也可以是函數。如果它是字符串，那么每個匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示，它說明從模式匹配得到的字符串將用於替換。 

字符	替換文本
$1、$2、$3...$99	與regexp中的第1到第99個子表達式想匹配的文本。
$&	與regexp相匹配的子串。
$`	位於匹配子串左側的文本
$'	位於匹配串右側的文本
$$	直接量符號

 

 

 

 

 

 

 

 

列子：

var str = "你好，暖暖風";
var newstr = str.replace(/(暖暖風)/g,'<span>$1</span>')
// newstr:"你好，<span>暖暖風</span>"
//str:"你好，暖暖風";
var str = '1 3 6 3'
str.replace(/\s+/g,',')
//1,3,6,3

replacement：字符串

var str = "<span>{{name}}+{{age}}</span>"
var reg = /\\?\{\{([^{}]+)\}\}/gm
str.replace(reg,"##")
//<span>##+##</span>

 replacement：函數

var html = format("<span>#{name}</span><span>#{age}</span>",{name:'暖風',age:18})

function format(str, object) {
    var array = Array.prototype.slice.call(arguments, 1);
    return str.replace(/\\?\#{([^{}]+)\}/gm, function(match, name) {
　　　　//注意當沒有匹配的時候，不執行這個函數 console.log(match)//#{name},#{age} console.log(name)//name,age
　　　　　console.log(arguments);//輸出如下圖 if (match.charAt(0) == '\\')
            return match.slice(1);
        var index = Number(name)
        if (index >= 0)
            return array[index];
        if (object && object[name] !== void 0)
            return  object[name];
        return  '';
    });
}

arguments參數如下：

上面的函數的參數如下：

　　第1個參數：匹配的字符串

　　第2個參數：匹配的名字

　　第3個參數：匹配的字符串所在的位置

　　第4個參數：字符串本身

var str="他今年22歲，她今年20歲，他的爸爸今年45歲，她的爸爸今年44歲，一共有4人";
var newstr = str.replace(/(\d+)歲/g,function(m,n){
  console.log(arguments); var year = new Date().getYear()+1-parseInt(m);
  return m+"("+year+"年出生)";
});
console.log(newstr)//他今年22歲(97年出生)，她今年20歲(99年出生)，他的爸爸今年45歲(74年出生)，她的爸爸今年44歲(75年出生)，一共有4人

arguments如下：

var str='討論一下正則表達式中的replace的用法';
str.replace(/(正則).+?(式)/,function() {
    console.log(arguments);
});
// ["正則表達式", "正則", "式", 4, "討論一下正則表達式中的replace的用法"]

由此可見，第二個或后面的參數，為分組匹配的值。

此文僅代表本人意見，如有異議，歡迎提出指正！