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 $.ajax入门应用一
Nov 19 Javascript
JQuery 学习笔记 选择器之四
Jul 23 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
JQuery学习总结【一】
Dec 01 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
JS实现520 表白简单代码
May 21 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
简单了解JavaScript作用域
Jul 31 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中使用Oracle数据库(6)
2006/10/09 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
php接口与接口引用的深入解析
2013/08/09 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
PHP产生不重复随机数的5个方法总结
2014/11/12 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
jquery 日期分离成年月日的代码
2010/05/14 Javascript
JQuery对class属性的操作实现按钮开关效果
2013/10/11 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
jquery的each方法使用示例分享
2014/03/25 Javascript
JavaScript 浏览器对象模型BOM使用介绍
2015/04/13 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
2018/01/24 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
JavaScript this使用方法图解
2020/02/04 Javascript
vue实现登录拦截
2020/06/29 Javascript
Python中条件判断语句的简单使用方法
2015/08/21 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
pytorch实现CNN卷积神经网络
2020/02/19 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
小学数学国培感言
2014/03/10 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
运动会宣传口号
2014/06/09 职场文书
推普标语口号大全
2015/12/26 职场文书
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python