javascript中replace(regExp, function)用法

刚刚在弄网页通过servlet返回的json数据来添加div元素,简单研究了下replace(regExp, function)方式的function参数.

 

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对象可以简单地用:

 

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

 

来替换.