javascript 正则替换 replace(regExp, function)用法


Posted in Javascript onMay 22, 2010
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 相关文章推荐
Jquery 常用方法经典总结
Jan 28 Javascript
JQuery从头学起第三讲
Jul 06 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
Feb 05 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
jQuery.form插件的使用及跨域异步上传文件
Apr 27 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
three.js中3D视野的缩放实现代码
Nov 16 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
详解前端任务构建利器Gulp.js使用指南
Apr 30 Javascript
JQuery 文本框使用小结
May 22 #Javascript
基于Asp.net与Javascript控制的日期控件
May 22 #Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 #Javascript
用jQuery打造TabPanel效果代码
May 22 #Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 #Javascript
jquery 多级下拉菜单核心代码
May 21 #Javascript
JQuery 学习技巧总结
May 21 #Javascript
You might like
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
2015/08/05 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
详解JS中的attribute属性
2017/04/25 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
JavaScript实现世界各地时间显示
2020/09/07 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
Python温度转换实例分析
2018/01/17 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
css3的transition属性详解
2014/12/15 HTML / CSS
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
小学体育教学反思
2014/01/31 职场文书
赡养老人协议书
2014/04/21 职场文书
本科毕业生求职信
2014/06/15 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
2015年党支部公开承诺书
2015/01/22 职场文书
学校工会工作总结2015
2015/05/19 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书