正则表达式教程–JavaScript

接下来的教程需要一定正则表达式的基础。请没有基础的同志们，先认真看下正则表达式30分钟入门教程。请耐下心来，先把基础打好。

JavaScript 正则表达式的语法

下表列举了些在 ECMAScript第五版（JS 是一种符合ECMAScript标准的程序设计语言）中定义的正则表达式元字符：

字符X重复出现至少n次至多m次

JavaScript 正则表达式的元字符（ECMAScript第五版）

元字符	说明
.	任意1个字符
s	空白字符
S	非空白字符
w	可以构成单词的字符（包括字母、数字、下划线以及汉字）
W	不能构成单词的字符
d	数字
D	非数字
b	单词的边界
B	不是单词的边界
^	行首
$	行末
X?	字符X重复出现0次或1次
X??	字符X重复出现0次或1次（非贪心法，即尽可能寻找出现次数较少的情况）
X*	字符X重复出现0次或更多次
X*?	字符X重复出现0次或更多次（非贪心法）
X+	字符X重复出现1次或更多次
X+?	字符X重复出现1次或更多次（非贪心法）
X{n}	字符X重复出现n次
X{n}?	字符X重复出现n次（非贪心法）
X{n,}	字符X重复出现n次或更多次
X{n,}?	字符X重复出现n次或更多次（非贪心法）
X{n,m}?	字符X重复出现至少n次至多m次（非贪心法）
X|Y	X或Y
[XYZ]	1个是 X 或者 Y 或者 Z 的字符
[^XYZ]	一个除了X、Y、Z以外的任意字符
(X)	分组（已供之后应用）
数字	对分组的应用（这里的数字是分组出现的序号）
(?：X)	仅分组（即不记录分组的序号，也不捕获该分组）
X(?=Y)	匹配X之后接着Y的情况
X(?!Y)	匹配X之后不接着Y的情况

粗看这表，会感觉信息量比较大，需要记的元字符比较多。不要怕，冷静下来，仔细观察，你就会发现其中有规律可循。比如，大小写相反或者相差？的元字符，表示的意义相反。还有特殊的字母可如下记忆：s为space的首字母，w为word的首字母，d为double的首字母，b为border的首字母。还有{}里面代表的数字代表范围；|代表或；*代表0次或更多次，即1乘以自然数的范围；+代表1次或更多次，即1加上自然数的范围。

如果不希望让元字符中存在的字符被解释为元字符，则需要通过反斜杠字符对其进行转义。例如：对点字符.进行匹配，则要写成.的形式。

如果在模式中要匹配反斜杠字符，则需要将其写成。

JavaScript中的正则表达式

终于我们可以开始学习如何在JavaScript中使用正则表达式了！有了之前的基础，接下来的学习就简单多了。

在JavaScript中，我们可以通过正则表达式对象来使用正则表达式。正则表达式对象是RegExp类的对象实例。

注：例子中使用了test的方法：如果输入字符串与模式匹配，，test方法就会返回真。

除了new方式外，还可以通过字面量的方式生成一个RegExp实例。如下图，通过在两个/（斜杠字符）之间书写正则表达式的模式。

虽然以上两种生成方式没啥区别，不过建议使用字面量方式，因为其书写更简洁优雅些。不过，如果需要对正则表达式字符串进行组合时，则还是得需要使用RegExp的构造函数调用。

注意：通过JavaScript的字符串书写反斜杠字符时，必须对其进行转义。

当我们在匹配时，想指定全局匹配，或忽略英文字母的大小写，或多行匹配等规则时，我们就需要使用正则表达式的旗标flag了。例如：/forever/gi 会找出所有不区分大小写的forever 。

JavaScript正则表达式中的旗标

旗标	说明
g	全局匹配模式。
i	忽略英文字母的大小写模式
m	多行模式。^与$将对多行的行首与行末进行匹配

在使用正则表达式的旗标时，如果是构造函数，将其传递给第二个参数，如果是字面量，则写在第二个斜杠字符之后。

注：使用了全局旗标，会再多次调用 exec 方法时，不断地寻找下一个匹配。从内部来看，RegExp 对象的 lastIndex 属性的值会不断地更新，以供下次查找使用。

现在，再具体介绍下RegExp类。

RegExp类的函数以及构造函数调用

函数或是构造函数调用	说明
RegExp(pattern,flags)	生成一个正则表达式模式为 pattern 的 RegExp 实例
new RegExp(pattern,flags)	生成一个正则表达式模式为 pattern 的 RegExp 实例

RegExp 类的属性

属性名	说明
prototype	用于原形链,值为/(?:)/
length	值为2

RegExp.prototype 对象的属性

属性名	说明
constructor	对 RegExp 类对象的引用
exec(string)	返回对输入字符串 string 进行正则表达式匹配的结果
test(string)	返回对输入字符串 string 进行正则表达式匹配的结果的布尔值
toString()	将正则表达式转换为字符串形式。该字符串的格式为在/与/之间包含了相应的正则表达式

如果有人对JavaScript的prototype机制不太理解，请看Javascript继承机制的设计思想。

RegExp 类的实例属性

属性名	说明
ignoreCase	正则表达式的旗标之一（对应i）
global	正则表达式的旗标之一（对应g）
lastIndex	用于标记下一次匹配的起始位置的字符串的下标
multiline	正则表达式的旗标之一（对应m）
source	正则表达式模式的字符串

前面有稍微提到过分组，现在咱们来仔细谈谈正则表达式的是分组。

所谓正则表达式的分组，指的是能够在正则表达式中引用匹配字符串中的子字符串（也称为前向引用）。简单地说，就是能够被引用的子字符串就是一个分组。可以将模式中的一部分用原括号括起来进行分组。在一个模式中，可以多次使用圆括号分组。值得注意的是，对于前向引用来说，分组号是从1开始计数的。

先看下面的示例：

在exec方法的返回值中，数组的第0个元素是在输入字符串中第一个得到匹配的字符串，而从数组的第1个元素起则是分组的前向引用的子字符串。

如果去除用于分组的圆括号，则会出现如下结果。

字符串对象与正则表达式对象

而 replace 与 match 的操作则根据全局旗标的不同而有所变化。replace中 如果第一个参数中正则表达式设了全局旗标，则会替换所有与模式相匹配的子字符串；而如果没有设置，则仅替换第一个匹配的字符串。此外，如果再第一个参数的正则表达式中进行了分组，则还能在第二个参数的字符串中，通过符号来标识分组的前向引用。需要以 $1、$2 这样的 $ 加上数字的方式来进行前向引用。

原文地址:http://liaoyuming.cn/?p=229