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 相关文章推荐
javascript最常用与实用的创建类的代码
Aug 12 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
js Canvas绘制圆形时钟教程
Feb 06 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
Aug 01 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
详解React 元素渲染
Jul 07 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 在线翻译函数代码
2009/05/07 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
Python入门篇之文件
2014/10/20 Python
Python实现的简单hangman游戏实例
2015/06/28 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
python二分查找算法的递归实现方法
2016/05/12 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
python图书管理系统
2020/04/05 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
2014年班组长工作总结
2014/11/20 职场文书
同意离婚答辩状
2015/05/22 职场文书
房产遗嘱范本
2015/08/06 职场文书
全民创业工作总结
2015/08/13 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书