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 相关文章推荐
图片完美缩放
Sep 07 Javascript
Jquery调用webService远程访问出错的解决方法
May 21 Javascript
jquery radio 操作代码
Mar 16 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
小程序云开发实战小结
Oct 25 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
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
php 用sock技术发送邮件的函数
2007/07/21 PHP
smarty模板中拼接字符串的方法
2014/02/14 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
学习面向对象之面向对象的术语
2010/11/30 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
JS拖拽插件实现步骤
2015/08/03 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Django 框架模型操作入门教程
2019/11/05 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
python time()的实例用法
2020/11/03 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
Linux文件系统类型
2012/09/16 面试题
中专毕业自我鉴定
2013/10/16 职场文书
军训的自我鉴定
2013/12/10 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
简易离婚协议书范本
2014/10/24 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python