JS中的RegExp对象常用属性和方法
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。
使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"])。 ~~~构造函数 new RegExp(..)
使用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 静态属性
-----------------------------------------------------------
re = /\w(\d)/g;
re.source
re.global
re.multiline
re.ignoreCase
re.lastIndex // with 'g' option , reg.exec('sdfdf3sdf')
-----------------------------------------------------------
rst = re.exec('sdewer4erer');
rst.index
rst.input, RegExp.input, RegExp.$input, RegExp.$_
-----------------------------------------------------------
RegExp.$1, RegExp.$2 ..... RegExp.$9
RegExp.lastMatch, RegExp['$&']
RegExp.lastParen, RegExp['$+']
RegExp.leftContext, RegExp["$`"]
RegExp.rightContext, RegExp["$'"]
-----------------------------------------------------------
re = /\w(\d)/g ;
rst = re.exec('itisalready9oclock');
(1)rst.index属性。是当前表达式模式首次匹配内容的开始位置,从0开始计数。其初始值为-1,每次成功匹配时,index属性都会随之改变。
(2)rst.input, RegExp.input属性。返回当前所作用的字符串,可以简写为RegExp.$_,初始值为空字符串""。
(3)re.lastIndex属性。是当前表达式模式首次匹配内容中最后一个字符的下一个位置,从0开始计数,常被作为继续搜索时的起始位置,初始值为-1,表示从起始位置开始搜索,每次成功匹配时,lastIndex属性值都会随之改变。
(4)RegExp.lastMatch属性。是当前表达式模式的最后一个匹配字符串,可以简写为$& RegExp['$&']。其初始值为空字符串""。在每次成功匹配时,lastMatch属性值都会随之改变。
(5)RegExp.lastParen属性。如果表达式模式中有括起来的子匹配,是当前表达式模式中最后的子匹配所匹配到的子字符串,可以简写为$+ RegExp['$+']。其初始值为空字符串""。每次成功匹配时,lastParen属性值都会随之改变。
(6)RegExp.leftContext属性。是当前表达式模式最后一个匹配字符串左边的所有内容,可以简写为$` RegExp["$`"](其中“'”为键盘上“Esc”下边的反单引号)。初始值为空字符串""。每次成功匹配时,其属性值都会随之改变。
(7)RegExp.rightContext属性。是当前表达式模式最后一个匹配字符串右边的所有内容,可以简写为$’ RegExp["$'"] (单引号)。初始值为空字符串""。每次成功匹配时,其属性值都会随之改变。
(8)RegExp.$1…$9属性。这些属性是只读的。如果表达式模式中有括起来的子匹配,$1…$9属性值分别是第1个到第9个子匹配所捕获到的内容。如果有超过9个以上的子匹配,$1…$9属性分别对应最后的9个子匹配。在一个表达式模式中,可以指定任意多个带括号的子匹配,但RegExp对象只能存储最后的9个子匹配的结果。在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属性值(re.lastIndex)指定的位置开始搜索字符串。
如果没有设置全局标志(g),则exec和test方法忽略RegExp对象的lastIndex属性值,从字符串的起始位置开始搜索。
如果exec方法没有找到匹配,返回值为null;如果找到匹配,则返回一个数组,并更新RegExp对象中有关静态属性以反映匹配情况。返回数组中的元素0包含了完整的匹配结果,而元素1~n依次是表达式模式中定义的各个子匹配的结果。
exec方法返回的数组有2个属性,分别是input、index
rst.input属性是整个被搜索的字符串。
rst.index属性是指匹配在整个被搜索字符串中的位置。
re.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
var strSrc = "xxa1b01c001yya2b02c002zz";
var re = /a(\d)b(\d{2})c(\d{3})/gi;
var arr, count = 0;
/* /pattern/g 注意g标识 这样才能终止循环 */
while ((arr = re.exec(strSrc)) != null)
{
displayResult();
}
function displayResult()
{
document.write("<p>这是用正则表达式/" + re.source + "/gi对字符串<br>"
+ RegExp.input + "进行第" + (++count) + "次搜索的结果:<br>");
document.write("arr.index为: " + arr.index + "<br>");
document.write("re.lastIndex为: " + re.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.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>");
}
}
JS中的RegExp对象常用属性和方法的更多相关文章
- JavaScript -- 时光流逝(四):js中的 Math 对象的属性和方法
JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 ...
- js中的数据类型及常用属性和方法
JavaScript 字符串 字符串(或文本字符串)是一串字符(比如 "Bill Gates").字符串被引号包围.您可使用单引号或双引号您可以在字符串内使用引号,只要这些引号与包 ...
- js中 给json对象添加属性和json数组添加元素
js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ &quo ...
- JavaScript中的window对象的属性和方法;JavaScript中如何选取文档元素
一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...
- JavaScript之Object对象常用属性与方法手册
MDN Object参考地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Obje ...
- JS面向对象编程,对象,属性,方法。
document.write('<script type="text/javascript" src="http://api.map.baidu.com/api?v ...
- Js中处理数据的常用内置方法
以下方法均不会修改操作数本身,只是将操作数处理后的数据返回 1.丢弃小数部分,保留整数部分 parseInt(x);//丢弃x中的小数部分,保留x中的整数部分 2.Math对象常用的方法 ceil(x ...
- js对象常用属性和方法:复制一个对象,获取一个对象的所有key和所有value的方法
记录对象的一些实用使用方法及属性 // Object.assign() 多个对象合并 key相同则后面的覆盖前面的 const target = { a: 1, b: 2 }; const sourc ...
- Node.js process 模块常用属性和方法
Node.js是常用的Javascript运行环境,本文和大家发分享的主要是Node.js中process 模块的常用属性和方法,希望通过本文的分享,对大家学习Node.js http://www.m ...
随机推荐
- 从零开始学习UNITY3D(GUI篇)
邻近年底,心也有些散乱,加上工作忙了一阵,在达内培训的课程也落下了不少.对unity3d的热度似乎也有点点下降.痛定思痛,又在淘宝上买了写蛮牛网的视频.总之不管是用任何手段都要逼着自己不要浪费了培训的 ...
- JavaScript之面向对象学习五(JS原生引用类型Array、Object、String等等)的原型对象介绍
1.原型模式的重要性不仅仅体现在创建自定义类型方面,就连所有的原生的引用类型(Obejct.Array.String等等)都在构造函数的原型上定义方法和属性.如下代码可以证明: alert(typeo ...
- JTable只要一双击就进入编辑状态,禁止的方法实现
我用JTable做了一个表格,表格内容只供查看和选择,可每次只要一双击,就进入编辑状态,可是现在我不需要当双击的时候修改表格的内容.这时候需要重载isCellEditable方法. 下面是我的实现的代 ...
- Git - 常用技能
参考: http://wuchong.me/blog/2015/03/30/git-useful-skills/
- xhprof
#官网下载 http://pecl.php.net/package/xhprof tar zxf xhprof-0.9.2.tgz cd xhprof-0.9.2/extension/ sud ...
- 关于XPath的基本语法
关于XPath基础语法 关于XPath基础语法 更详细的请看: XPath语法 XPath 使用路径表达式来选取 XML 文档中的节点或节点集.节点是通过沿着路径 (path) 或者步 (steps) ...
- Android 汉字转拼音之工具篇
/* * Copyright (C) 2011 The Android Open Source Project * * Licensed under the Apache License, Versi ...
- 1)phpmyadmin导入数据库大小限制修改
phpmyadmin默认导入数据库文件大小为2M,但一般网站的数据库导出的文件都会超出这个限制,要导入超过2M的数据库文件就需要手动修改php.ini配置文件!最近做项目遇到这个问题,顺便记录下了解决 ...
- 走进Groovy (二)
承接上一篇,配置好环境后,开始正式学习语法.我假设看此文的同学至少会一定的JAVA语法,因此一些太过基础的就不记录了,基本上,大家看看示例就明白了. Groovy的卖点之一,就是全兼容JAVA的语法, ...
- HBase ElasticSearch
http://www.open-open.com/doc/view/c2af706064f84e128d0f74826523a1ea http://www.open-open.com/doc/view ...