JavaScript String.replace 函数参数详解与使用示例

Email:longsu2010 at yeah dot net

replace 函数基本签名与行为

JavaScript 中 String 对象的 replace 方法签名如下所示：

replace(match/* 字符串或正则表达式 */, replacement/* 字符串或函数 */)

该方法的作用是将源字符串中匹配 match 的部分替换为 replacement，并返回替换后的新字符串。

如果第一个参数是普通字符串，则仅在源字符串中执行一次替换（即第一次出现的位置），随后函数执行结束。

正则表达式替换与分组引用

因此，第一个参数通常使用正则表达式，例如：

replace(/a/g, "b") // 将源字符串中所有的 'a' 替换为 'b'

第二个参数可以是字符串，该字符串中可以引用第一个参数正则表达式的捕获分组，例如：

replace(/(a){2,2}/g, "$1b") // 将源字符串中所有的 'aa' 替换为 'ab'

回调函数参数详解

如果第二个参数是一个函数，那么该函数接收哪些参数呢？请看以下示例：

 
"bbabc".replace(/(a)(b)/g, function(){
console.log(arguments)
}); 

1、整个正则表达式匹配的字符。

2、第一分组匹配的内容、第二分组匹配的内容…… 以此类推直到最后一个分组。

3、此次匹配在源自符串中的下标（位置）。

4、源自符串

所以例子的输出是

["ab", "a", "b", 2, "bbabc"]

第二参数的返回值将会被替换到源自符串中，因若js函数无返值那么调用函数会得到undefined，所以如果第二参数无返回值undefined将会被替换到源自符串中。

如果第一参数是一个字符串，同时第二参数是一个函数的话，那就当成第一参数是一个没有分组的正则表达式好了，这样就可以确定第二参数的参数了。

文中有一些表述不当之处，如“替换到源自符串中”（源自符串只是充当模板的角色，并不真正发生改变，字符串是不可改变的变量），希望不会误导大家。