[关闭]
@panhonhang 2018-05-26T15:19:34.000000Z 字数 2885 阅读 447

引用类型之RegExp类型


ECMAscript通过RegExp类型来支持正则表达式。

语法:

var expression = / pattern / flags;
正则表达式的匹配模式支持下列3个标志。

1.g: 表示全局模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止。

2.i: 表示不区分大小写模式,即在确定匹配项时忽略模式和字符串的大小写。

3.m: 表示多行模式,即在到达一行文本末尾时还会继续查找下一行是否存在于模式匹配的项。

创建正则表达式有两种方式:

1.字面量形式

例如:

var pattern = /at/g;
2.使用RegExp构造函数

例如:

var pattern = new RegExp("[bc]at", "g");
注:传给RegExp构造函数的两个参数都是字符串,不能把正则表达式字面量传递给构造函数,所以在某些情况下要对字符进行双重转义。所有元字符都要进行双重转义。

例如:

/\[bc\]at/                    "\\[bc\\]at"
/\w\\hello\\123/          "\\w\\\\hello\\\\123"  

注:使用正则表达式字面量和RegExp构造函数创建的正则表达式是不一样的。在ECMAscript3中, 正则表达式字面量始终会共享一个同一个RegExp实例,而RegExp构造函数创建的每一个新RegExp实例都是一个新实例。ECMAscript5明确规定,使用正则表达式字面量必须像直接调用RegExp构造函数一样,每次创建一个新实例。

RegExp实例属性:

1.global: 布尔值,表示是否设置了g标志。

2.ignoreCase: 布尔值,表示是否设置了i标志。

3.lastIndex:整数,表示搜索下一个匹配项的字符位置,从0算起。

4.multiline: 布尔值,表示是否设置了m标志。

5.source: 正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。

RegExp实例方法:

1.exec(), 该方法专门为捕获组而设计的。exec()接受一个参数,既要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null。返回的数组虽然是Array的实例,但是其包含两个额外的属性:index和input。其中index表示匹配项在字符串中的位置,为input表示应用正则表达式的字符串。在数组中,第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串(如果没有捕获组,则该数组只包含一项)。

例如:

    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"

注: 设置g标志与否,会影响匹配项的搜索个数,和lastIndex属性。

2.test(),它接受一个字符串参数。在模式与该参数匹配的情况下返回true;否则,返回false。

RegExp构造函数属性
RegExp构造函数属性被看成静态属性,这些属性基于所执行的最近一次正则表达式操作而变化
有两种方式访问它们,即长属性名和短属性名。短属性名大都不是有效的ECMAScript标识符,所以必须通过方括号语法来访问它们

长属性名 短属性名      说明

input $_ 最近一次要匹配的字符串

lastMatch $& 最近一次的匹配项

lastParen $+ 最近一次匹配的捕获组

leftContext $` input字符串中lastMatch之前的文本

multiline $* 布尔值,表示是否所有表达式都使用多行模式

rightContext $' Input字符串中lastMarch之后的文本

使用这些属性,可以从exec()方法或test()方法执行的操作中提取出更具体的信息

var text = 'this has been a short summer';
var pattern = /(.)hort/g;
if(pattern.test(text)){
  console.log(RegExp.input);//'this has been a short summer'
  console.log(RegExp.leftContext);//'this has been a '
  console.log(RegExp.rightContext);//' summer'
  console.log(RegExp.lastMatch);//'short'
  console.log(RegExp.lastParen);//'s'
  console.log(RegExp.multiline);//false
  console.log(RegExp['$_']);//'this has been a short summer'
      console.log(RegExp['$`']);//'this has been a '
  console.log(RegExp["$'"]);//' summer'
      console.log(RegExp['$&']);//'short'
  console.log(RegExp['$+']);//'s'
      console.log(RegExp['$*']);//false    
}

实例方法
RegExp对象的实例方法共5个,分为两类。包括toString()、toLocalString()、valueOf()这3种对象通用方法和test()、exec()正则匹配方法
对象通用方法
RegExp对象继承了Object对象的通用方法toString()、toLocaleString()、valueOf()这三个方法
toString()
toString()方法返回正则表达式的字面量
toLocaleString()
toLocaleString()方法返回正则表达式的字面量
valueOf()
valueOf()方法返回返回正则表达式对象本身

var pattern = new RegExp('[bc]at','gi');
console.log(pattern.toString()); // '/[bc]at/gi'
console.log(pattern.toLocaleString()); // '/[bc]at/gi'
console.log(pattern.valueOf()); // /[bc]at/gi

var pattern = /[bc]at/gi;
console.log(pattern.toString()); // '/[bc]at/gi'
console.log(pattern.toLocaleString()); // '[bc]at/gi'
console.log(pattern.valueOf()); // /[bc]at/gi
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注