RegExp类型

版权声明:(๑╹◡╹)ノ""" https://blog.csdn.net/qq_41218152/article/details/82387951

RegExp类型

一、相关概念

(一).字面量形式

1.定义
  1. ECMAScript通过RegExp类型来支持正则表达式
  2. 语法
var expression= / pattern / flags;
/*其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标志(flags),用以表明正则表达式的行为。*/
2.匹配模式
  1. g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止
  2. i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写
  3. m:表示多行(multiline)模式,即在到达一行文本末尾时,还会继续查找下一行中是否存在与模式匹配的项
//匹配字符串中所有"at"的实例
var pattern1= /at/g;
//匹配第一个"bat"或"cat",不区分大小写
var pattern2= /[bc]at/i;
//匹配所有以"at"结尾的3个字符的组合,不区分大小写
var pattern= /.at/gi;
3.相关补充
  1. 一个正则表达式就是一个模式与上述3个标志的组合体
  2. 与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义
  3. 正则表达式中的元字符包括:( { \ ^ $ | ) ? * + . ] }
  4. 这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对它们进行转义
//匹配第一个"bat"或"cat",不区分大小写
var pattern1= /[bc]at/i;
//匹配第一个"[bc]at",不区分大小写
var pattern2= /\[bc\]at/i;
//匹配所有以"at"结尾的3个字符的组合,不区分大小写
var pattern3= /.at/gi;
//匹配所有".at",不区分大小写
var pattern4= /\.at/gi;

(二).构造函数

1.定义
  1. 创建正则表达式的方法是使用RegExp构造函数
  2. 接受两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串
//匹配第一个"bat"或"cat",不区分大小写
var pattern1= /[bc]at/i;
//与pattern1相同,只不过是使用构造函数创建的
var pattern2=new RegExp("[bc]at","i");

/*在此,pattern1和pattern2是两个完全相等的正则表达式。*/
2.补充
  1. 要注意的是,传递给RegExp构造函数的两个参数都是字符串
  2. 由于RegExp构造函数的模式参数是字符串,所以在某些情况下要对字符串进行转义
  3. 所有元字符都必须双重转义,那些已经转义过的字符也是如此,例如\n(字符\在字符串中通常被转义为\\,而在正则表达式字符串中就会变成\\\\
字符量模式 等价的字符串
/\[bc\]at/ "\\[bc\\]at"
/\.at/ "\\.at"
/name\/age/ "name\\/age"
/\d.\d{1,2}/ "\\d.\\d{1,2}"
/\w\\hello\\123/ "\\w\\\\hello\\\\123"

(三).比较

1.实例
  1. 使用正则表达式字面量和使用RegExp构造函数创建的正则表达式不一样
  2. 在ECMAScript 3 中,正则表达式字面量始终会共享一个RegExp实例,而使用构造函数创建的每一个新RegExp实例都是一个新实例
var re=null,i;
for(i=0;i<10;i++){
	re= /cat/g;
	re.test("catastrophe");
}
//在第一个循环中,即使是在循环体中指定的,但实际上只为/cat/创建了一个RegExp实例。由于实例属性不会重置,所以在循环体中再次调用test()方法会失败。这是因为第一次调用test()找到了"cat",但第二次调用是从索引为3的字符(上一次匹配的末尾)开始的,所以就找不到它了。由于会测试到字符串结尾,所以下一次在调用test()都会返回true
for(i=0;i<10;i++){
	re=new RegExp("cat","g");
	re.test("catastrophe");
}
//使用RegExp构造函数在每次循环中创建正则表达式。因为每次迭代都会创建一个新的RegExp实例,所以每次调用test()都会返回true
2.补充
  1. ECMAScript 5明确规定,使用正则表达式字面量必须像直接调用RegExp构造函数一样,每次都创建新的RegExp实例。IE9+Firefox 4+Chrome都据此作出了修改

二、RegExp实例属性

(一).概念

  1. RegExp的每个实例都具有下列属性,通过这些属性可以取得有关模式的各种信息

(二).分类

  1. global:布尔值,表示是否设置了g标志
  2. ignoreCase:布尔值,表示是否设置了i标志
  3. lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从0算起
  4. multiline:布尔值,表示是否设置了标志
  5. source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回
var pattern1= /\[bc\]at/i;
alert(pattern1.global);       //false
alert(pattern1.ignoreCasr);  //true
alert(pattern1.multiline);   //false
alert(pattern1.laastIndex);  //0
alert(pattern1.source);      //"\[bc\]at"

var pattern2=new RegExp("\\[bc\\]at","i");
alert(pattern2.global);      //false
alert(pattern2.ignoreCase);  //true
alert(pattern2.multiline);   //false
alert(pattern2.lastIndex);  //0
alert(pattern2.source);     //"\[bc\]at"
//source属性保存的是规范形式的字符串,即字面量形式所用的字符串

三、RegExp实例方法

(一).exec()

1.概念
  1. RegExp对象的主要方法啊是exec(),该方法是专门为捕获组而设计的
  2. exec()接受一个参数,即要应用模式的字符串,然后返回包含第一个匹配信息的数组;或者没有匹配项的情况下返回null
  3. 返回的数组虽然是Array的实例,但包含两个额外的属性:indexinput。其中,index表示匹配项在字符串中的位置,而input表示应用正则表达式的字符串
  4. 在数组中,第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串(如果模式中没有捕获组,则该数组只包含一项)
2.实例
var text= "mom and dad and baby";
var pattern= /mom( and dad( and baby)?)?/gi;
var matches=pattern.exec(text);
alert(matches.index);  //0
alert(matches.input);  //"mom and dad and baby"
alert(matches[0]);  //"mom and dad and baby"
alert(matches[1]);  //" and  dad and baby"
alert(matches[2]);  //" and baby" 
/*这个例子中的模式包含两个捕获组。最内部的捕获组匹 配"and baby",而包含它的捕获组匹配"and dad"或者"and dad and baby"。当把字符串传入exec()方法中之后,发现了一个匹配项。因为整个字符串本身与模式匹配,所以返回的数组matches的index属性值为0。数组中大的第一项是匹配的整个字符串,第二项包含与第一个捕获组匹配的内容,第三项包含与第二个捕获组匹配的内容*/
var text="cat,bat,sat,fat";
var pattern1=/.at/;

var matches=pattern1.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern1.lastIndex);//0

matches=pattern1.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern1.lastIndex);//0

var pattern2= /.at/g;
var matches=pattern2.exec(text);
alert(matches.index);//0
alert(matches[0]);//cat
alert(pattern2.lastIndex);//3

matches=pattern2.exec(text);
alert(matches.index);//5
alert(matches[0]);//bat
alert(pattern2.lastIndex);//8
/*对于exec()方法而言,即使在模式中设置了全局标志(g),它每次也只会返回一个匹配项。在不设置全局标志的情况下,在同一个字符串多次调用exec()将始终返回第一个匹配项的信息。而在设置全局标志的情况下,每次调用exec()则都会在字符串中继续查找新匹配项*/
/*IE 的JavaScript实现在lastIndex属性上存在偏差,即使在非全局模式下,lastIndex属性每次也会变化*/

(二).test()

1.概念
  1. test()接受一个字符串参数
  2. 在模式与改参数匹配的情况下返回true;否则,返回false
  3. 在只想知道目标字符串与某个模式是否匹配,但不需要知道其文本内容的情况下,使用这个方法非常方便
var text="000-00-0000";
var pattern=/\d{3}-\d{2}-\d{4}/;
//test()方法经常被用在if语句中
if(pattern.test(text)){
	alert("The pattern was matched");
}
2.补充
  1. RegExp实例继承toLocaleString()toString()方法都会返回正则表达式的字面量,与创建正则表达式的方式无关
  2. 实例
var pattern=new RegExp("\\[bc\\]at","gi");
alert(pattern.toString());// /\[bc\]at/gi
alert(pattern.toLocaleString());// /\[bc\]at/gi

四、RegExp构造函数属性

(一).概念

  1. RegExp构造函数包含一些属性(这些属性在其他语言中被看成是静态属性)。这些属性适用于作用域中的所有正则表达式,并且基于所执行的最近一次正则表达式操作而变化
  2. 关于这些属性分别有一个长属性和一个短属性名(Opera是例外,它不支持短属性名)
长属性名 短属性名 说明
input $_ 最近一次要匹配的字符串。Opera为实现此属性
lastMatch $& 最近一次的匹配项。Opera未实现此属性
|lastParen $+ 最近一次匹配的捕获组。Opera为实现此属性
leftContext $ input字符串中lastMatch之前的文本
multiline $* 布尔值,表示是否所有表达式都使用多行模式。IE和Opera未实现此属性
rightContext $' Input字符串中lastMatch之后的文本

(二).实例

var text="this has been a short summer";
var pattern= /(.)hort/g;
/*
*注意:Opera不支持input、lastMatch、lastParen和multiline属性
*Internet Explorer不支持multiline属性
*/
if(pattern.test(text)){
	alert(RegExp.input);  //this has been a short  summer
	alert(RegExp.leftContext);  //this has been a
	alert(RegExp.rightContext); //summer
	alert(RegExp.lastMatch);  //short
	alert(RegExp.lastParen);  //s
	alert(RegExp.multiline);  //flase
	/*以上代码创建了一个模式,匹配任何一个字符串后跟hort,而且把第一个字符放在了一个捕获组中*/
	/*input属性返回了原始字符串*/
	/*leftContext属性返回了单词short之前的字符串,而rightContext属性则返回了short之后的字符串*/
	/*lastMatch属性返回最近一次与整个正则表达式匹配的字符串,即short*/
	/*lastParen属性返回最近一次匹配的捕获组,即例子中的s*/
}
/*例子中的长属性名都可以用相应的短属性名来代替。只不过,由于这些短属性名大都不是有效的ECMAScript标识符,因此必须通过方括号语法来访问它们*/
var text="this has been a short summer";
var pattern= /(.)hort/g;
/*
*注意:Opera不支持input、lastMatch、lastParen和multiline属性
*Internet Explorer不支持multiline属性
*/
if(pattern.test(text)){
	alert(RegExp.$_);  //this has been a short summer
	alert(RegExp["$`"]);  //this has been a
	alert(RegExp["$'"]);  //summer
	alert(RegExp["$&"]);  //short
	alert(RegExp["$+"]);  //s
	alert(RegExp["$*"]);  //false
}

除了上面介绍的几个属性之外,还有多达9用于存储捕获组的构造函数属性。访问这些属性的方法是RegExp.$1RegExp.$2···RegExp.$9,分别用于存储第一、第二······第九个匹配的捕获组。在调用这些方法exec()test()方法时,这些属性会被自动填充

var text="this has been a short summer";
var pattern= /(..)or(.)/g;
if(pattern.test(text)){
	alert(RegExp.$1);  //sh
	alert(RegExp.$2);  //t
}
/*这里创建了一个包含两个捕获组的模式,并用该模式测试了一个字符串。即使test()方法只返回一个布尔值,但RegExp构造函数的属性$1和$2也会被匹配相应捕获组的字符串自动填充*/

五、模式的局限性

(一).缺点

  1. 匹配字符串开始和结尾的\A和\Z锚
  2. 向后查找
  3. 并集和交集类
  4. 原子组
  5. Unicode支持(单个字符串外,如\uFFFF
  6. 命名的捕获组
  7. s(单行)和x(无间隔)匹配模式
  8. 条件匹配
  9. 正则表达式注释

(二).补充

  1. 尽管ECMAScript中的正则表达式功能还是比较完备的,但仍然缺少某些语言(特别是Perl)所支持的高级正则表达式特性
  2. 即使存在这些限制,ECMAScript正则表达式仍然是非常强大的,能够帮助我们完成绝大多数模式匹配任务

源自
源于《JavaScript高级程序设计》

猜你喜欢

转载自blog.csdn.net/qq_41218152/article/details/82387951