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];
}); 来替换。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
