javascript 正则替换 replace(regExp, function)用法
更新时间：2010年05月22日 21:36:26 作者：
刚在弄网页通过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];
});
来替换.
相关文章
JavaScript的Object.defineProperty详解
本篇文章给大家详细讲述了JavaScript的Object.defineProperty的相关知识点内容，有兴趣的朋友参考学习下。2018-07-07
这篇文章主要介绍了JS实现Select的option上下移动的方法,涉及JavaScript动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-03-03
这篇文章主要为大家详细介绍了微信小程序多项选择器checkbox，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON),下面这篇文章主要给大家介绍了关于js字符串转json对象的四种实现方法,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
行为层是由js来实现的，这里的工作只是搭建了一个简单的骨架，如果要让效果图美观些并符合设计要求，就要发挥css的强大作用了。2010-06-06
这篇文章主要为大家详细介绍了javascript实现弹出层效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
本文为《JavaScript高级程序设计》第9章中的跨平台事件中的部分内容。2010-04-04
这篇文章主要介绍了Weex开发之WEEX-EROS开发踩坑(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了JS回调函数原理与用法,结合实例形式详细分析了JavaScript回调函数的概念、原理、用法,并给出了PHP回调函数的使用示例,需要的朋友可以参考下2019-07-07
最新评论