JavaScript 正则 replace 使用回调函数的参数详解

作者:异步漫步时间:2026-10-24 22:24:22浏览:662

本文详细解析JavaScript中正则表达式replace方法使用回调函数时的参数传递机制。通过示例代码说明回调函数接收的第一个参数为完整匹配字符串,后续参数为子匹配组内容,第三个参数为匹配位置,第四个参数为原字符串。最后展示如何利用该特性实现简单的JSON模板替换功能。

正则替换回调函数参数机制

代码如下:

 
function fn() {
{ 
for(var i = 0; i < arguments.length; i++) {
alert("第" + (i + 1) + "个参数的值:" + arguments[i]);
  } 
} 
var str = '<div id="{wo}" >{ni}</div>';
str.replace(/\{([a-z]+)\}/ig, fn);


根据多次测试由输出结果可以得出fn中:



第一个参数为匹配到的字符串,如{wo}和{ni};



第二个参数可以有0-N个,为第一个参数中匹配到一个括号正则的字符串,如第一个参数中的wo和ni,能匹配([a-z]+),



括号有几组,则参数有几个;



第三个参数为第一个参数中匹配到的字符串所在位置,如{wo}返回9,{no}返回16;



第四个参数为用来匹配的字符串,在这个例子中就是<div id="{wo}" >{ni}</div>。



本例中对于一个包含wo和ni的json对象可以简单地用:



JSON模板替换示例

代码如下:

 
str.replace(/\{([a-z]+)\}/ig, function(s, t){
return json[t];
}); 

来替换。

作者最新文章