JS使用replace()方法和正则表达式进行字符串的搜索与替换实例


Posted in Javascript onApril 10, 2014

1、JS字符串的替换及replace()方法的使用

replace(regexp,replacement)方法有两个参数,第一参数可以是一个纯文本字符串或是一个RegExp对象,具体请看RegExp对象的使用;第二个参数可是一个字符串也可以是一个函数。

以下是JS字符串替换的举例:

例1:

var str="Hello world!";
document.write(str.replace(/world/, "phper"));

例2:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var rep=info.replace(reg, "She is $1, $2 years old, come from $3");
alert(rep);

例3:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var name, age, from;
function prase_info(m,p1,p2,p3) { // 也可使用非显式参数,使用arguments获取
 name = p1;
 age = p2;
 from = p3;
 return "She is "+p1+", "+p2+" years old, come from "+p3;
}
var rep=info.replace(reg, prase_info);
alert(rep);
aler(name);

2、RegExp对象的使用

JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。

使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"]);使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]。例4中两条语句是等价的。

例4:

var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;

 3、字符串的搜索及exec()方法的使用

 exec()方法返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

例5:

var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.exec("Lili,14,China");
var s="";
for (i = 0; i < m.length; i++) {
      s = s + m[i] + "\n";
}
alert(s);

4、test()方法的使用

RegExpObject.test(string)

如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。

例6:

var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.test("Lili,14,China");
alert(RegExp.$1); 
alert(RegExp.$2);
alert(RegExp.$3);
Javascript 相关文章推荐
JS增加行复制行删除行的实现代码
Nov 09 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
js date 格式化
Feb 15 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
浅谈vue的第一个commit分析
Jun 08 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 #Javascript
常见的原始JS选择器使用方法总结
Apr 09 #Javascript
jquery查找父元素、子元素(个人经验总结)
Apr 09 #Javascript
js控制iframe的高度/宽度让其自适应内容
Apr 09 #Javascript
JS、DOM和JQuery之间的关系示例分析
Apr 09 #Javascript
jQuery遍历Table应用示例
Apr 09 #Javascript
通过url查找a元素并点击
Apr 09 #Javascript
You might like
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
最短的IE判断代码
2011/03/13 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
javascript arguments使用示例
2014/12/16 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
react的hooks的用法详解
2020/10/12 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
幼儿园儿童节主持词
2014/03/21 职场文书
教师工作失职检讨书
2014/09/18 职场文书
后备干部推荐材料
2014/12/24 职场文书
顶岗实习协议书
2015/01/29 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python