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 相关文章推荐
js 文本滚动效果的实例代码
Aug 17 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
jQuery中toggleClass()方法用法实例
Jan 05 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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
一个odbc连mssql分页的类
2006/10/09 PHP
来自PHP.NET的入门教程
2006/10/09 PHP
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
javascript 对象的定义方法
2007/01/10 Javascript
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
nodejs 如何手动实现服务器
2018/08/20 NodeJs
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
python如何爬取个性签名
2018/06/19 Python
Python pickle模块实现对象序列化
2019/11/22 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
酒店服务实习自我鉴定
2013/09/22 职场文书
英文自荐信
2013/12/15 职场文书
小学门卫岗位职责
2013/12/17 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
企业总经理职责
2014/02/02 职场文书
语文课外活动总结
2014/08/27 职场文书
力克胡哲观后感
2015/06/10 职场文书
自信主题班会
2015/08/14 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js