DOM笔记（十）：JavaScript正则表达式

蔚落 2022-08-06 04:23 165阅读 0赞

![Center][]

**一、RegExp**

ECMAScript通过RegExp类型类支持正则表达式，语法和Perl类似：

var exp = /pattern/flags;

patternb部分是任何简单的或复杂的正则表达式；flags是每个正则表达式所带的一个或者多个标志。

正则表达式的模式匹配支持三个标志：

g：全局模式，即模式应用于整个字符串，而非在发现第一个匹配项时立即停止

i：不区分大小写模式

m：多行模式，即到达一行文本末尾是还会继续茶查找下一行中是否存在与模式匹配的项。

**1、创建正则表达式**

JavaScript创建正则表示有两种方式：字面量创建和RegExp对象创建。

//字面量创建
    var pattern1 = /[bc]at/i;
    var pattern2 = /\[bc\]at/ig;
    
    //RegExp对象创建
    var pattern3 = new RegExp("[bc]at","i");  //与pattern1等效
    var pattern4 = new RegExp("\\[bc\\]at","ig");  //与pattern2等效

二者的区别有两个方面：对特殊字符的转换方式和实例创建。

RegExp构造函数的模式参数是字符串，所以需要对特殊字符进行双重转义，区别如下：

/\\w\\\\hello/

<table> 
 <tbody> 
 <tr> 
 <td>字面量模式</td> 
 <td>等价的字符串</td> 
 </tr> 
 <tr> 
 <td>/\[bc\]at/</td> 
 <td>“\\[bc\\]at”</td> 
 </tr> 
 <tr> 
 <td>/\d.\d{1,2}/</td> 
 <td>“\\d.\\d{1,2}”</td> 
 </tr> 
 <tr> 
 <td>/\w\\hello/</td> 
 <td>“\\w\\\\hello”</td> 
 </tr> 
 </tbody> 
</table>

在ECMAScript 3中，字面量形式共享一个RegExp实例，而构造函数的每个实例都不同

var re = null,
 i;
 for(i=0;i<3;i++)
 {
 re = /cat/g;
 re.test("catastrophe");
 }
 for(i=0;i<3;i++)
 {
 re = new RegExp("cat","g");
 re.test("catastrophe");
 }

在低版本浏览器中,如IE6,对于第一个循环只弹出一次true,其余是false。第二个循环都弹出true。

在ECMAScript 5中规定：使用正则表达式字面量跟使用RegExp构造函数一样，每次调用都创建新的实例。所以两个循环在现代浏览器中都弹出true。

**2、RegExp实例属性**

<table> 
 <tbody> 
 <tr> 
 <td>属性</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>global</td> 
 <td>布尔值，是否设置了g标志</td> 
 </tr> 
 <tr> 
 <td>ignoreCase</td> 
 <td>布尔值，是否设置了i标志</td> 
 </tr> 
 <tr> 
 <td>multiline</td> 
 <td>布尔值，是否设置了m标志</td> 
 </tr> 
 <tr> 
 <td>lastIndex</td> 
 <td>整数，下一次匹配开始的字符位置</td> 
 </tr> 
 <tr> 
 <td>source</td> 
 <td>正则表达式的字符串表示</td> 
 </tr> 
 </tbody> 
</table>

**  3、方法**

常用的方法有两个：exec()和test()，均接受一个字符串参数。

若存在匹配项，exec()返回一个数组，数组有两个额外的属性：index和input。index表示匹配项在字符串中的位置，input表示源字符串，即exec()的参数。在数组中，第一项是与整个模式匹配的字符串，其他项则与捕获组匹配（若没有捕获组，则只包含一项）。不存在匹配项，exec()返回null。

test()表示字符串中是否存在匹配项，存在返回true，不存在返回false。

var text = "mom and dad and bady";
    var pattern = /mom( and dad( and bady)?)?/gi;
    var matches = pattern.exec(text);
    alert(matches.length);    //3
    alert(matches.index);     //0
    alert(matches.input);     //mom and dad and bady
    alert(matches[0]);        //mom and dad and bady
    alert(matches[1]);        //and dad and bady
    alert(matches[2]);        //and bady

对于exec()而言，若不设置全局标志g，在同一个字符串上多次调用exec()始终返回第一个匹配项的信息；若设置了全局标志g，每次调用exec()则从上次匹配的位置处继续查找字符串。

**二、String类型**

String类型是字符串的对象包装类型，与Number、Boolean等一样([DOM笔记（九）：引用类型、基本包装类型和单体内置对象 ][DOM_])，也可以用new来创建字符串。模式匹配在字符串处理中是很有用的，String类型也定义了多个与其相关的方法。

match(pattern)：pattern是一个字面量正则表达式或RegExp对象，本质上和exec()方法一样。

var text = "cat,bat,sat,fat";
    var pattern = /.at/;
    var matches = text.match(pattern);
    //var matches = pattern.exec(text);
    alert(matches.index);
    alert(matches[0]);
    alert(pattern.lastIndex);

search(pattern)：参数和match()相同，从开头开始查找，返回第一个匹配项的索引，若没有匹配项，返回-1

var text = "cat,bat,sat,fat";
    var pos = text.search(/at/);
    alert(pos);   //1

replace(oldstring,newstring)：用newstring替换oldstring。第一个字符串可以是一个模式对象，第二个字符串可以结合捕获组使用，或者是一个函数。

var text = "cat,bat,sat,fat";
    var pattern = /(.at)/g;
    var re = text.replace(pattern,"word($1)");
    alert(re);  //word(cat),word(bat),word(sat),word(fat)

如果模式中没有捕获组,则用空字符串代替。

若第二个参数是函数，则该函数接收三个参数：模式匹配项、模式匹配项在字符串中的位置和原始字符串。

若正则表达式中定义了多个捕获组，则传递给函数的依次是匹配项、第一个捕获组、第二个捕获组。。。。最后两个参数不变。

split(string\[,limit\])：分隔字符串，返回一个数组。string可以是一个普通的字符串，也可以是一个模式匹配对象。可选的limit表示返回数组的大小

var colorText = "red,blue,yellow,black";  
    alert(colorText.split(","));   //[red,blue,yellow,black]
    alert(colorText.split(",",2));  //[red,blue]
    alert(colorText.split(/\W/));  //[red,blue,yellow,black]

**三、正则表达式的规则**

<table> 
 <tbody> 
 <tr> 
 <td> 字符 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> \ </td> 
 <td> 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。序列“\\”匹配“\”而“\(”则匹配“(”。 </td> 
 </tr> 
 <tr> 
 <td> ^ </td> 
 <td> 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。 </td> 
 </tr> 
 <tr> 
 <td> $ </td> 
 <td> 匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。 </td> 
 </tr> 
 <tr> 
 <td> * </td> 
 <td> 匹配前面的子表达式零次或多次。例如，zo*能匹配“z”以及“zoo”。*等价于{0,}。 </td> 
 </tr> 
 <tr> 
 <td> + </td> 
 <td> 匹配前面的子表达式一次或多次。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。 </td> 
 </tr> 
 <tr> 
 <td> ? </td> 
 <td> 匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“do”或“does”中的“do”。?等价于{0,1}。 </td> 
 </tr> 
 <tr> 
 <td> {n} </td> 
 <td> n是一个非负整数。匹配确定的n次。例如，“o{2}”不能匹配“Bob”中的“o”，但是能匹配“food”中的两个o。 </td> 
 </tr> 
 <tr> 
 <td> {n,} </td> 
 <td> n是一个非负整数。至少匹配n次。例如，“o{2,}”不能匹配“Bob”中的“o”，但能匹配“foooood”中的所有o。“o{1,}”等价于“o+”。“o{0,}”则等价于“o*”。 </td> 
 </tr> 
 <tr> 
 <td> {n,m} </td> 
 <td> m和n均为非负整数，其中n&lt;=m。最少匹配n次且最多匹配m次。例如，“o{1,3}”将匹配“fooooood”中的前三个o。“o{0,1}”等价于“o?”。请注意在逗号和两个数之间不能有空格。 </td> 
 </tr> 
 <tr> 
 <td> ? </td> 
 <td> 当该字符紧跟在任何一个其他限制符（*,+,?，{n}，{n,}，{n,m}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“oooo”，“o+?”将匹配单个“o”，而“o+”将匹配所有“o”。 </td> 
 </tr> 
 <tr> 
 <td> . </td> 
 <td> 匹配除“\n”之外的任何单个字符。要匹配包括“\n”在内的任何字符，请使用像“[.\n]”的模式。 </td> 
 </tr> 
 <tr> 
 <td> (pattern) </td> 
 <td> 匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用$0…$9属性。要匹配圆括号字符，请使用“$”或“$”。 </td> 
 </tr> 
 <tr> 
 <td> (?:pattern) </td> 
 <td> 匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“(|)”来组合一个模式的各个部分是很有用。例如“industr(?:y|ies)”就是一个比“industry|industries”更简略的表达式。 </td> 
 </tr> 
 <tr> 
 <td> (?=pattern) </td> 
 <td> 正向预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“Windows(?=95|98|NT|2000)”能匹配“Windows2000”中的“Windows”，但不能匹配 “Windows3.1”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 </td> 
 </tr> 
 <tr> 
 <td> (?!pattern) </td> 
 <td> 负向预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如 “Windows(?!95|98|NT|2000)”能匹配“Windows3.1”中的“Windows”，但不能匹配“Windows2000”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始 </td> 
 </tr> 
 <tr> 
 <td> x|y </td> 
 <td> 匹配x或y。例如，“z|food”能匹配“z”或“food”。“(z|f)ood”则匹配“zood”或“food”。 </td> 
 </tr> 
 <tr> 
 <td> [xyz] </td> 
 <td> 字符集合。匹配所包含的任意一个字符。例如，“[abc]”可以匹配“plain”中的“a”。 </td> 
 </tr> 
 <tr> 
 <td> [^xyz] </td> 
 <td> 负值字符集合。匹配未包含的任意字符。例如，“[^abc]”可以匹配“plain”中的“p”。 </td> 
 </tr> 
 <tr> 
 <td> [a-z] </td> 
 <td> 字符范围。匹配指定范围内的任意字符。例如，“[a-z]”可以匹配“a”到“z”范围内的任意小写字母字符。 </td> 
 </tr> 
 <tr> 
 <td> [^a-z] </td> 
 <td> 负值字符范围。匹配任何不在指定范围内的任意字符。例如，“[^a-z]”可以匹配任何不在“a”到“z”范围内的任意字符。 </td> 
 </tr> 
 <tr> 
 <td> \b </td> 
 <td> 匹配一个单词边界，也就是指单词和空格间的位置。例如，“er\b”可以匹配“never”中的“er”，但不能匹配“verb”中的“er”。 </td> 
 </tr> 
 <tr> 
 <td> \B </td> 
 <td> 匹配非单词边界。“er\B”能匹配“verb”中的“er”，但不能匹配“never”中的“er”。 </td> 
 </tr> 
 <tr> 
 <td> \d </td> 
 <td> 匹配一个数字字符。等价于[0-9]。 </td> 
 </tr> 
 <tr> 
 <td> \D </td> 
 <td> 匹配一个非数字字符。等价于[^0-9]。 </td> 
 </tr> 
 <tr> 
 <td> \s </td> 
 <td> 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[\f\n\r\t\v]。 </td> 
 </tr> 
 <tr> 
 <td> \S </td> 
 <td> 匹配任何非空白字符。等价于[^\f\n\r\t\v]。 </td> 
 </tr> 
 <tr> 
 <td> \w </td> 
 <td> 匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]” </td> 
 </tr> 
 <tr> 
 <td> \W </td> 
 <td> 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。 </td> 
 </tr> 
 <tr> 
 <td> \f、\n、\r、\t、\v </td> 
 <td> 匹配一个换页符、换行符、回车符、水平制表符、垂直制表符，分别等价于\x0c和\cL、\x0a和\cJ、\x0d和\cM、\x09和\cI、\x0b和\cK </td> 
 </tr> 
 <tr> 
 <td> \cx </td> 
 <td> 匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“c”字符。 </td> 
 </tr> 
 <tr> 
 <td> \xn </td> 
 <td> 匹配n，其中n为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，“\x41”匹配“A”。“\x041”则等价于“\x04&amp;1”。正则表达式中可以使用ASCII编码。 </td> 
 </tr> 
 <tr> 
 <td> \num </td> 
 <td> 匹配num，其中num是一个正整数。对所获取的匹配的引用。例如，“(.)\1”匹配两个连续的相同字符。 </td> 
 </tr> 
 <tr> 
 <td> \n </td> 
 <td> 标识一个八进制转义值或一个向后引用。如果\n之前至少n个获取的子表达式，则n为向后引用。否则，如果n为八进制数字（0-7），则n为一个八进制转义值。 </td> 
 </tr> 
 <tr> 
 <td> \nm </td> 
 <td> 标识一个八进制转义值或一个向后引用。如果\nm之前至少有nm个获得子表达式，则nm为向后引用。如果\nm之前至少有n个获取，则n为一个后跟文字m的向后引用。如果前面的条件都不满足，若n和m均为八进制数字（0-7），则\nm将匹配八进制转义值nm。 </td> 
 </tr> 
 <tr> 
 <td> \nml </td> 
 <td> 如果n为八进制数字（0-3），且m和l均为八进制数字（0-7），则匹配八进制转义值nml。 </td> 
 </tr> 
 <tr> 
 <td> \un </td> 
 <td> 匹配n，其中n是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（?）。 </td> 
 </tr> 
 </tbody> 
</table>

**四、常见正则表达式**：[常用的正则表达式归纳][Link 1]

原文首发：[http://www.ido321.com/1355.html][http_www.ido321.com_1355.html]

[Center]: /images/20220806/17f1c2e2e1e643499dbe18eba7646f38.png
[DOM_]: http://www.ido321.com/1351.html
[Link 1]: http://www.ido321.com/856.html
[http_www.ido321.com_1355.html]: http://www.ido321.com/1355.html