JavaScript中的正则表达式
Posted 蔚蓝色幻想
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的正则表达式相关的知识,希望对你有一定的参考价值。
ECMAScript通过RegExp类型来支持正则表达式。
正则表达式的创建
使用类似Perl的语法,就可以创建一个正则表达式。
var expression = / pattern / flags;
其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标志(flags),用以标明正则表达式的行为。正则表达式的匹配模式支持下列3个标志。
? g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;
? i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;
? m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。
因此,一个正则表达式就是一个模式与上述3个标志的组合体。不同组合产生不同结果,如下:
/* * 匹配字符串中所有“at”的实例 */ var pattern1 = /at/g; /* * 匹配第一个“bat”或“cat”,不区分大小写 */ var pattern2 = /[bc]at/i; /* * 匹配所有以“at”结尾的3个字符的组合,不区分大小写 */ var pattern3 = /.at/gi;
与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。正则表达式中的元字符包括:
( [ { \ ^ $ | ) ? * + . ] }
这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对它们进行转义。
/* * 匹配第一个“bat”或“cat”,不区分大小写 */ var pattern2 = /[bc]at/i; /* * 匹配第一个“[bc]at”,不区分大小写 */ var pattern2 = /\[bc\]at/i; /* * 匹配所有以“at”结尾的3个字符的组合,不区分大小写 */ var pattern3 = /.at/gi; /* * 匹配所有“.at”,不区分大小写 */ var pattern4 = /\.at/gi;
另一种创建正则表达式的方式是使用RegExp构造函数,它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义。
/* * 匹配第一个“bat”或“cat”,不区分大小写 */ var pattern1 = /[bc]at/i; /* * 与pattern1相同,只不过是使用构造函数创建的 */ var pattern2 = new RegExp("[bc]at","i");
要注意的是,传递给RegExp构造函数的两个参数都是字符串。由于RegExp构造函数的模式参数是字符串,所以在某些情况下要对字符串进行双重转义。所有元字符都必须双重转义,那些已经转义过的字符也是如此。例如\n(字符\在字符串中通常被转义为\\,而在正则表达式字符串中就会变成\\\\)。下表给出了一些模式,左边是这些模式的字面量形式,右边是使用RegExp构造函数定义相同模式时使用的字符串。
字面量模式 | 等价的字符串 |
\[bc\]at | \\[bc\\]at |
\.at | \\.at |
name\/age | name\\/age |
\d.\d{1,2} | \\d.\\d{1,2} |
\w\\hello\\123 | \\w\\\\hello\\\\123 |
使用正则表达式字面量和使用RegExp构造函数创建的正则表达式不一样。在ECMAScript 3中,正则表达式字面量始终会共享同一个RegExp实例,而使用构造函数创建的每一个新RegExp实例都是一个新实例。但在ECMAScript 5中明确规定,使用正则表达式字面量必须像直接调用RegExp构造函数一样,每次都创建新的RegExp实例。IE9+、Firefox 4+和Chrome都据此做了修改。
RegExp实例属性
RegExp的每个实例都具有下列属性,通过这些属性可以取得有关模式的各种信息。
? global:布尔值,表示是否设置了g标志。
? ignoreCase:布尔值,表示是否设置了i标志。
? lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从0算起。
? multiline:布尔值,表示是否设置了m标志。
? source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。
未完待续。。。
以上是关于JavaScript中的正则表达式的主要内容,如果未能解决你的问题,请参考以下文章
正则表达式:匹配 JavaScript 源代码中的“in”运算符