JS正则中的RegExp对象对象


Posted in Javascript onNovember 07, 2012

有两种方式可以创建RegExp对象的实例。

使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"])。
使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]。

pattern部分为要使用的正则表达式模式文本,是必须的。在第一种方式中,pattern部分以JavaScript字符串的形式存在,需要使用双引号或单引号括起来;在第二种方式中,pattern部分嵌套在两个“/”之间,不能使用引号。

flags部分设置正则表达式的标志信息,是可选项。如果设置flags部分,在第一种方式中,以字符串的形式存在;在第二种方式中,以文本的形式紧接在最后一个“/”字符之后。flags可以是以下标志字符的组合。
g是全局标志。如果设置了这个标志,对某个文本执行搜索和替换操作时,将对文本中所有匹配的部分起作用。如果不设置这个标志,则仅搜索和替换最早匹配的内容。

i是忽略大小写标志。如果设置了这个标志,进行匹配比较时,将忽略大小写。

m是多行标志。如果不设置这个标志,那么元字符“^”只与整个被搜索字符串的开始位置相匹配,而元字符“$”只与被搜索字符串的结束位置相匹配。如果设置了这个标志,“^”还可以与被搜索字符串中的“\n”或“\r”之后的位置(即下一行的行首)相匹配,而“$”还可以与被搜索字符串中的“\n”或“\r”之后的位置(即下一行的行尾)相匹配。

代码1.1是一个创建正则表达式的例子。
代码1.1 创建正则表达式:1.1.htm

<html> 
<head> 
<title>创建正则表达式 </title> 
<script language = "JavaScript"> 
var myString="这是第一个正则表达式的例子"; 
var myregex = new RegExp("一个"); // 创建正则表达式 
if (myregex.test(myString)){ 
document.write("找到了指定的模式!"); 
} 
else{ 
document.write("未找到指定的模式。"); 
} 
</script> 
</head><body></body> 
</html>

上面代码的运行结果如图8.1所示。
由于JavaScript字符串中的“\”是一个转义字符,因此,使用显式构造函数创建RegExp实例对象时,应将原始正则表达式中的“\”用“\\”替换。例如,在代码1.2中的两条语句是等价的。
代码1.2 转义字符中的“\”:1.2.htm
<script language="javascript"> 
var re1 = new RegExp("\\d{5}"); 
var re2 = /\d{5}/; 
alert("re1="+re1+"\nre2="+re2); 
</script>

由于正则表达式模式文本中的转义字符也是“\”,如果正则表达式中要匹配原义字符“\”,在正则表达式模式文本中要以“\\”来表示,当使用显式构造函数的方式创建RegExp实例对象的时候,就需要使用“\\\\”来表示原义字符“\”。
var re = new RegExp(\\\\)。

1 RegExp对象的属性

RegExp对象的属性分为静态属性和实例属性。下面分别进行介绍。

1.1 静态属性
(1)index属性。是当前表达式模式首次匹配内容的开始位置,从0开始计数。其初始值为-1,每次成功匹配时,index属性都会随之改变。
(2)input属性。返回当前所作用的字符串,可以简写为$_,初始值为空字符串""。
(3)lastIndex属性。是当前表达式模式首次匹配内容中最后一个字符的下一个位置,从0开始计数,常被作为继续搜索时的起始位置,初始值为-1,表示从起始位置开始搜索,每次成功匹配时,lastIndex属性值都会随之改变。
(4)lastMatch属性。是当前表达式模式的最后一个匹配字符串,可以简写为$&。其初始值为空字符串""。在每次成功匹配时,lastMatch属性值都会随之改变。
(5)lastParen属性。如果表达式模式中有括起来的子匹配,是当前表达式模式中最后的子匹配所匹配到的子字符串,可以简写为$+。其初始值为空字符串""。每次成功匹配时,lastParen属性值都会随之改变。
(6)leftContext属性。是当前表达式模式最后一个匹配字符串左边的所有内容,可以简写为$`(其中“'”为键盘上“Esc”下边的反单引号)。初始值为空字符串""。每次成功匹配时,其属性值都会随之改变。
(7)rightContext属性。是当前表达式模式最后一个匹配字符串右边的所有内容,可以简写为$'。初始值为空字符串""。每次成功匹配时,其属性值都会随之改变。
(8)$1…$9属性。这些属性是只读的。如果表达式模式中有括起来的子匹配,$1…$9属性值分别是第1个到第9个子匹配所捕获到的内容。如果有超过9个以上的子匹配,$1…$9属性分别对应最后的9个子匹配。在一个表达式模式中,可以指定任意多个带括号的子匹配,但RegExp对象只能存储最后的9个子匹配的结果。在RegExp实例对象的一些方法所返回的结果数组中,可以获得所有圆括号内的子匹配结果。

1.2 实例属性

(1)global属性。返回创建RegExp对象实例时指定的global标志(g)的状态。如果创建RegExp对象实例时设置了g标志,该属性返回True,否则返回False,默认值为False。
(2)ignoreCase属性。返回创建RegExp对象实例时指定的ignoreCase标志(i)的状态。如果创建RegExp对象实例时设置了i标志,该属性返回True,否则返回False,默认值为False。
(3)multiLine属性。返回创建RegExp对象实例时指定的multiLine标志(m)的状态。如果创建RegExp对象实例时设置了m标志,该属性返回True,否则返回False,默认值为False。
(4)source属性。返回创建RegExp对象实例时指定的表达式文本字符串。

JS中的RegExp对象(二)

2 RegExp对象的方法
RegExp对象的常用方法有test、exec和compile,本节介绍这些方法的功能和用法。最后,对RegExp对象的属性和方法进行一个综合举例。
2.1 test方法
语法格式为test(str)。该方法检查一个字符串中是否存在创建RegExp对象实例时所指定的表达式模式,如果存在就返回True,否则返回False。如果找到匹配项,则会更新RegExp对象中的有关静态属性,以反映匹配情况。
2.2 exec方法
语法格式为exec(str)。该方法使用创建RegExp对象实例时所指定的表达式模式对一个字符串进行搜索,并返回一个包含搜索结果的数组。
如果为正则表达式设置了全局标志(g),可以通过多次调用exec和test方法在字符串中进行连续搜索,每次都是从RegExp对象的lastIndex属性值指定的位置开始搜索字符串。
如果没有设置全局标志(g),则exec和test方法忽略RegExp对象的lastIndex属性值,从字符串的起始位置开始搜索。
如果exec方法没有找到匹配,返回值为null;如果找到匹配,则返回一个数组,并更新RegExp对象中有关静态属性以反映匹配情况。返回数组中的元素0包含了完整的匹配结果,而元素1~n依次是表达式模式中定义的各个子匹配的结果。
exec方法返回的数组有3个属性,分别是input、index和lastIndex。
input属性是整个被搜索的字符串。
index属性是指匹配在整个被搜索字符串中的位置。
lastIndex属性是指匹配的子字符串的最后一个字符的下一个字符位置。
代码2.1是对该方法的应用举例。
代码2.1 exec()方法应用:2.1.htm

<html> 
<head> 
<title>exec()方法应用</title> 
<script language = "JavaScript"> 
var myString="aaa 111 bbb 222 ccc 1111 222ddd"; 
var regex = /111/; //创建正则表达式对象 
var array=regex.exec(myString); 
if (array){ 
var str="找到了匹配子串!"+"\n返回数组的值为:"+array+"\n数组元素个数:" 
+array.length+"\n被搜索的字符串为:"+array.input 
+"\n匹配子串的开始位置为:"+array.index 
+"\n匹配子串后面第一个字符的位置为:"+regex.lastIndex; 
alert(str); 
} 
else{ 
alert("未找到匹配子串!!"); 
} 
</script> 
<body></body> 
</html>

2.3 compile方法

语法格式为compile("pattern"[,"flags"])。该方法可以更换RegExp对象实例所使用的表达式模式,并将新的表达式模式编译为内部格式,从而使以后的匹配过程执行更快。如果要在循环中重复使用某个表达式,对其进行编译将使执行加速。但是,如果在程序中使用了任何其他表达式模式后,再使用原来编译过的表达式模式,则这种编译毫无 益处。

2.4 综合举例

代码2.2是对RegExp对象的综合举例,认真分析代码及其运行结果,可以更好地理解RegExp对象。
代码2.2 RegExp对象的使用:2.2.htm

<script language="javascript"> 
var strSrc = "xxa1b01c001yya2b02c002zz"; 
var re = /a(\d)b(\d{2})c(\d{3})/gi; 
var arr, count = 0; 
while ((arr = re.exec(strSrc)) != null) 
{ 
displayResult(); 
} 
function displayResult() 
{ 
document.write("<p>这是用正则表达式/" + re.source + "/gi对字符串<br>"" 
+ RegExp.input + ""进行第" + (++count) + "次搜索的结果:<br>"); 
document.write("RegExp.index为" + RegExp.index + "<br>"); 
document.write("RegExp.lastIndex为" + RegExp.lastIndex + "<br>"); 
document.write("RegExp.lastMatch为" + RegExp.lastMatch + "<br>"); 
document.write("RegExp.lastParen为" + RegExp.lastParen + "<br>"); 
document.write("RegExp.leftContext为" + RegExp.leftContext + "<br>"); 
document.write("RegExp.rightContext为" + RegExp.rightContext + "<br>"); 
document.write("RegExp.$1为" + RegExp.$1 + "<br>"); 
document.write("RegExp.$2为" + RegExp.$2 + "<br>"); 
document.write("RegExp.$3为" + RegExp.$3 + "<br>"); 
document.write("RegExp.$4为" + RegExp.$4 + "<br>"); 
document.write("arr.index为" + arr.index + "<br>"); 
document.write("arr.input为" + arr.input + "<br>"); 
document.write("arr.lastIndex为" + arr.lastIndex + "<br>"); 
document.write("返回数组的元素个数为" + arr.length + "<br>"); 
document.write("返回数组的内容为["]; 
for(var i=0; i<arr.length; i++) 
{ 
if(i < arr.length-1) 
document.write(""" + arr[i] + "","); 
else 
document.write(""" + arr[i] + "")</p>"); 
} 
} 
</script>
Javascript 相关文章推荐
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
jQuery实现Tab菜单滚动切换的方法
Sep 21 Javascript
js实现div在页面拖动效果
May 04 Javascript
JavaScript的模块化开发框架Sea.js上手指南
May 12 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
three.js加载obj模型的实例代码
Nov 10 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
js模拟点击事件实现代码
Nov 06 #Javascript
js判断变量是否未定义的代码
Mar 28 #Javascript
jquery判断浏览器类型的代码
Nov 05 #Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 #Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 #Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 #Javascript
JS TextArea字符串长度限制代码集合
Oct 31 #Javascript
You might like
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
yii添删改查实例
2015/11/16 PHP
PHP自定义多进制的方法
2016/11/03 PHP
js去除重复字符串两种实现方法
2013/01/09 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
跨域传值即主页面与iframe之间互相传值
2013/12/09 Javascript
JS的get和set使用示例
2014/02/20 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
python中的yield使用方法
2014/02/11 Python
Python检测网站链接是否已存在
2016/04/07 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
python之文件读取一行一行的方法
2018/07/12 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
Python列表解析操作实例总结
2020/02/26 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
error和exception有什么区别
2012/10/02 面试题
关于梦想的演讲稿
2014/05/05 职场文书
项目负责人任命书
2014/06/04 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
上诉状格式
2015/05/23 职场文书
暂住证证明
2015/06/19 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript