Javascript教程:RegExp构造函数

文章简介:ECMAScript通过RegExp类型来支持正则表达式。

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

var expression = /pattern / flags;

其中的模式(pattern)部分可以是任何简单会复杂的正则表达式,可以包含字符类、限定符、分组、向前查找,以及反向引用。

每个正则表达式都可带有一个或多个标志(flags),用以标明正则表达式的行为。

三个标志:

g ---表示全局模式,及模式将应用与所有字符串,而非发现的第一个匹配项的大小写

i ---表示不区分别大小写模式,即在确定匹配时忽略模式与字符串的大小写

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

一个表达式就是一个模式与上述三个标志的组合体。

var pattern1 = /at/g //匹配字符串中所有“at”的实例

var pattern2 = /[bc]at/i //匹配第一个''bat''或"cat",不区分大小写

var pattern3 =/.at/gi //匹配所有以"at"结尾的三个字符的组合,不区分大小写

模式中使用的所有元字符都必须转义。

正则表达式中的元字符包括:

( [ { \ ^ $ ) ? * + . ] }

这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对他们进行转义

var pattern1 = /[bc]at/i ; //匹配第一个“bat”或“cat”,不区分大小写

var pattern2 = /\[bc\]at/i; //匹配第一个"[bc]at",不区分大小写

var pattern3 = /.at/gi; //匹配所有以"at"结尾的3个字符的组合,不区分大小写

var pattern4 = /\.at/gi //匹配所有".at",不区分大小写

使用RegExp构造函数,两个参数:要匹配的字符串模式,可选的标志字符串

var pattern1 = /[bc]at/i //匹配第一个"bat"或"cat",不区分大小写

var pattern2 = new RegExp("[bc]at","i"); //使用构造函数创建的

不能把正则表达式字面量传递给RegExp构造函数

由于RegExp构造函数的模式是字符串,所以在某些情况下要对字符进行双重转义。

所有元字符都必须双重转义,那些已经转义的字符也是如此

/\[bc\]at/ "\\[bc\\]at"

/\.at/ "\\.at"

/name\/age/ "name\\/age"

/\d.\d{1,2}/ "\\d.\\dP{1,2}"

/\w\\hello\\123/ \\w\\\\hello\\\\123

RegExp实例属性:

RegExp的每个实例都具有下列实例,通过这些实例可获得有关模式的信息;

  • global ------布尔值,表示是否设置了g标志
  • ignoreCase------布尔值,表示是否设置了i标志
  • lastIndex------整数,表示开始搜索下一个匹配项的字符位置,从0开始
  • multiline------布尔值,表示是否设置了m标志
  • source-------正则表达式的字符串表示,按照字面量形式模式返回

这些信息全都包含在模式声明中

var pattern1 = /\[bc\]at/i

alert(pattern1.global); //false

alert(pattern1.innoreCase); //true

alert(pattern1.multiline); //false

alert(pattern1.lastIndex); //0

alert(pattern1.source); //"\[bc\]at"

var pattern2 = new RegExp("\\[bc\\]at","i")

alert(pattern2.global); //false
alert(pattern2.innoreCase); //true
alert(pattern2.multiline); //false
alert(pattern2.lastIndex); //0
alert(pattern2.source); //"\[bc\]at"

source属性保存的是规范形式的字符串,即字面量形式所用的字符串

RegExp实例方法:

RegExp对象的主要方法是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"

这个例子中包含两个捕获组,最内部的捕获组匹配"and baby",而包含他的捕获组匹配"and dad" 或者"and dad and baby"

对于exec()方法而言,即使在模式中设置了全局标志(g),他每次也只会返回一个匹配项。

在不设置全局标志的情况下,在同一个字符串上多次调用exec()将始终返回第一个匹配项的信息。

在设置全局标志的情况下,每次调用exec()则都会在字符串中继续查找新匹配项。

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); //3

matches = pattern1.exec(text);

alert(matches.index); //0

alert(matches[0]); //cat

alert(pattern1.lastIndex); //3

var pattern2 = /.at/g;

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

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

正则表达式的第二个方法是test(),他接受一个字符串参数。在模式与该参数匹配的情况下返回true,否则,返回false。

test()方法京城使用在if语句中

var text = "000-00-0000";

var pattern = /\d{3}-\d{2}-\d{4}/;

if(pattern.test(text)){

alert("The pattern was matched.");

}

RegExp实例继承的toLocaleString()和toString()方法都会返回正则表达式的字面量,与创建正则表达式的方式无关

RegExp构造函数属性:

RegExp构造函数包含一些属性。这些属性适用于作用域中的所有正则表达式,并且基于所执行的最近一次正则表达式操作而变化。关于这些属性的另一个独特之外,就是可以通过两种方式访问它们。换句话说,这些属性分别有一个长属性名哈一个短属性名(Opera是例外,它不支持短属性名)。下表列出了RegExp构造函数的属性。

长属性名 短属性名 说明
Input $_ 最近一次匹配的字符串。Opera未实现此属性
lastMatch $& 最近一次的匹配项。Opera为实现此属性
lastParen $+ 最近一次匹配的捕获组
leftContext $` input字符串中lastMatch之前的文本
multiline $* 布尔值,表示是否所有表达式都使用多行模式
IE和Opera未实现此属性
rightContext $’ input字符串中lastMatch之后的文本

使用这些属性可以从exec()或test()执行的操作中提取出更具体的信息。请看下面的例子:

var text = "this ha been a short summer"; var pattern = /(.)hort/g; 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); // false }

以上代码创建了一个模式,匹配任何一个字符后跟hort,而且把第一个字符放在了一个捕获组中。RegExp构造函数的各个属性返回了下列值:

  • input 属性返回了原始字符串;
  • leftContext属性返回了单词short之前的字符串,而rightContext属性返回了short之后的字符串;
  • lastMatch属性返回最近一次与整个正则表达式匹配的字符串,即short
  • lastParen属性返回最近一次匹配的捕获组,即例子中的s

如前所述,例子使用的长属性名都可以用相应的短属性名来代替。只不过,由于这些短属性名大都不是有效的ECMAScript标识符,因此必须通过方括号法来访问它们,如下所示:

var text = "this has been short summer"; var pattern = /(.)hort/g; if (pattern.test(text)) { alert(RegExp.$_); //this has been a short summer alert(RegExp["$`"]); //this has been a alert(RegExp["s'"]); //summer alert(RegExp["$&"]); //short alert(RegExp["$+"]); //s alert(RegExp["$*"]); //false }

除了上面介绍的几个属性之外,还有多达9个用于存储捕获组的构造函数属性。访问这些属性的语法是RegExp.$1、RegExp.$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也会被匹配相应捕获组的字符串自动填充。

时间: 2024-11-03 14:16:12

Javascript教程:RegExp构造函数的相关文章

javascript中RegExp(),正则表达式直接量

JavaScript 中的正则表达式 : 先来简单介绍一下JavaScript中的正则表达式.ECMAScript v3 对 JavaScript 正则表达式进行了标准化.JavaScript 1.2 实现了ECMAScript v3 要求的正则表达式的子集,JavaScript 1.5实现了完整的标准.JavaScript的正则表达式完全以Perl程序设计语言的正则表达式工具为基础,所以如果您用过Perl语言,那我将要介绍的东西对您来讲绝对是小菜一碟.具体点来说就是: JavaScript 1

JavaScript教程--从入门到精通(6)

javascript|教程 JavaScript对象系统的使用  使用浏览器的内部对象系统, 可实现与HTML文档进行交互.它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力. 一.浏览器对象层次及其主要作用 除了前面提到过的文档document对象外,Navigator浏览器中还提供了窗口(Window)对象以及历史(History)和位置(Location)对象. 浏览器对象(Navigator) 提供有关浏览器的信息 窗口对象(Wind

JavaScript教程--从入门到精通(5)

javascript|教程 在JavaScript中创建新对象   使用JavaScript可以创建自己的对象.虽然JavaScript内部和浏览器本身的功能已十分强大,但JavaScript还是提供了创建一个新对象的方法.使其不必像超文本标识语言那样,求于或其它多媒体工具,就能完成许多复杂的工作. 在JavaScript中创建一个新的对象是十分简单的.首先它必须定义一个对象,而后再为该对象创建一个实例.这个实例就是一个新对象,它具有对象定义中的基本特征. 一.对象的定义JavaScript对象

JavaScript教程--从入门到精通(4)

javascript|教程 基于对象的JavaScript语言 JavaScript语言是基于对象的(Object-Based),而不是面向对象的(object-oriented).之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象.继承.重载等有关面向对象语言的许多功能.而是把其它语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统. 虽然JavaScript语言是一门基于对象的,但它还是具有一些面向对象的基本特征.它可以根据需要创建自己的对象,从而进一步扩大JavaScrip

JavaScript教程--从入门到精通(3)

javascript|教程 JavaScript程序构成 JavaScript脚本语言的基本构成是由控制语句.函数.对象.方法.属性等,来实现编程的. 一.程序控制流 在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行.下面是JavaScript常用的程序控制流结构及语句:1.if条件语句 基本格式if(表述式)语句段1:......else语句段2:..... 功能:若表达式为true,则执行语句段1:否则执行语句段2. 说明:if -else 语句是J

JavaScript教程--从入门到精通(2)

javascript|教程 JavaScript基本数据结构  JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库.对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事. 一.JavaScript代码的加入 JavaScript的脚本包括在HTML中,它成为HTML文档的一部分.与HTML标识相结合,构成了一个功能强大的Internet网上编程语言.可以直接将JavaScript脚本加

JavaScript教程--从入门到精通(1)

javascript|教程 JavaScript是由Netscape公司开发并随Navigator导航者一起发布的.介于Java与HTML之间.基于对象事件驱动的编程语言,正日益受到全球的关注.因它的开发环境简单,不需要Java编译器,而是直接运行在Web浏览器中,而因倍受Web设计者的所爱. 这一套JavaScript教程分九个章节从什么是JavaScript.JavaScript的简单应用一直介绍到如何用JavaScript实现复杂的交互,对于JavaScript初学者和进阶者来说,都是一部

JavaScript教程--从入门到精通(9)

javascript|教程 用JavaScript实现更复杂的交互 一.什么是框架 框架Frames最主要功用是"分割"视窗,使每个"小视窗"能显示不同的HTM L文件,不同框架之间可以互动(interact),这就是说不同框架之间可以交换讯息与资料.例如:假设您开了两个frames,第一个frame可显示书的目录,第二个frame则显示章节的具体内容. 框架可以将屏幕分割成不同的区域,每个区域有自己的URL,通过Frames[]数组对象来实现不同框架的访问.实际上

JavaScript教程--从入门到精通(8)

javascript|教程 用JavaScript脚本实现Web页面信息交互 要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识. 一.窗体基础知识 窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为. 1.什么是窗体对象窗体(Form):它构成了Web页面的基本元素.通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问.<form Name=Form