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中动态效果小结
Dec 16 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
node.js require() 源码解读
Dec 13 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
js实现交通灯效果
Jan 13 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
keep-alive不能缓存多层级路由菜单问题解决
Mar 10 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
一个用php实现的获取URL信息的类
2007/01/02 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
NodeJS中利用Promise来封装异步函数
2015/02/25 NodeJs
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
jQuery修改DOM结构_动力节点Java学院整理
2017/07/05 jQuery
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
python strip()函数 介绍
2013/05/24 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
python3 反射的四种基本方法解析
2019/08/26 Python
Python实现爬取并分析电商评论
2020/06/19 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
电气自动化大学生求职信
2013/10/16 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
2015年财务部工作总结
2015/04/10 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
杨善洲观后感
2015/06/04 职场文书
魂断蓝桥观后感
2015/06/10 职场文书