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

作者:小括号

时间:2026-10-27

浏览:221

本文详细解析 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将会被替换到源自符串中。


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


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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章