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的用法"]

由此可见，第二个或后面的参数，为分组匹配的值。

此文仅代表本人意见，如有异议，欢迎提出指正！