本文详细解析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];
}); 来替换。