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 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
详解 vue.js用法和特性
Oct 15 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
Mar 17 Javascript
详解Typescript里的This的使用方法
Jan 08 Javascript
vue中axios封装使用的完整教程
Mar 03 Vue.js
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
对盗链说再见...
2006/10/09 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
在Echarts图中给坐标轴加一个标识线markLine
2020/07/20 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
跟老齐学Python之开始真正编程
2014/09/12 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
详谈套接字中SO_REUSEPORT和SO_REUSEADDR的区别
2018/04/28 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
基于python实现从尾到头打印链表
2019/11/02 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
Python实现序列化及csv文件读取
2020/01/19 Python
numpy库reshape用法详解
2020/04/19 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis
css常用字体属性与背景属性介绍
2022/02/28 HTML / CSS