当前位置：文档之家› js正则表达式使用

js正则表达式使用

一，概述

1，正则表达式，可以说是任何一种编程语言都提供的机制，它主要是提供了对字符串的处理能力。

2，正则表达式在页面处理中的使用场景：

1）表单验证。验证某些域符合某种规则，例如邮件输入框必须输入的是邮件、联系电话输入框输入的必须是数字等等

2）处理DOM模型。例如通过表达式定位DOM中的一个对象或一系列对象，一个例子就是定位id属性中含有某个特殊字符的div对象。

3）纯编程逻辑。直接用于编程的逻辑之中。

3，说明：本部分所举的正则表达式的代码片断，都是经过测试的，但有一点需要注意，对于换行的字符串的定义，我们在表述时使用的是类似如下的形式：

var str=“It?s is

a beautiful city”；

这种形式直接写在JS代码中是错误的，那如何获取具有换行的字符串呢？简单的办法：在textarea中输入文本并换行，然后将该值赋给JS变量即可。例如：

var str=document.forms[0].mytextarea.value;

二，语法与使用

1，定义正则表达式

1）定义正则表达式有两种形式，一种是普通方式，一种是构造函数方式。

2）普通方式：var reg=/表达式/附加参数

表达式：一个字符串，代表了某种规则，其中可以使用某些特殊字符，来代表特殊的规则，后面会详细说明。

附加参数：用来扩展表达式的含义，目前主要有三个参数：

g：代表可以进行全局匹配。

i：代表不区分大小写匹配。

m：代表可以进行多行匹配。

上面三个参数，可以任意组合，代表复合含义，当然也可以不加参数。

例子：

var reg=/a*b/;

var reg=/abc+f/g;

3）构造函数方式：var reg=new RegExp(“表达式”,”附加参数”);

其中“表达式”与“附加参数”的含义与上面那种定义方式中的含义相同。

例子：

var reg=new RegExp(“a*b”);

var reg=new RegExp(“abc+f”,”g”);

4）普通方式与构造函数方式的区别

普通方式中的表达式必须是一个常量字符串，而构造函数中的表达式可以是常量字符串，也可以是一个js变量，例如根据用户的输入来作为表达式参数等等：

var reg=new RegExp(document.forms[0].exprfiled.value,”g”);

2，表达式模式

1）表达式模式，是指表达式的表达方式与样式，即var reg=/表达式/附加参数中的“表达式”怎样去描述？

2）从规范上讲，表达式模式分为简单模式和复合模式。

3）简单模式：是指通过普通字符的组合来表达的模式，例如

var reg=/abc0d/;

可见简单模式只能表示具体的匹配。

4）复合模式：是指含有通配符来表达的模式，例如：

var reg=/a+b?\w/;

其中的+、?和\w都属于通配符，代表着特殊的含义。因此复合模式可以表达更为抽象化的逻辑。

下面我们着重说一下复合模式中各个通配符的含义及其使用。

5)复合模式中特殊字符的讲解：

1>\：在许多编程语言里面被用作转义符，一般来说

\符号后面如果跟的是普通字符c，那么\c就代表特殊的含义，例如n本来代表字符n，但\n 就代表换行。

\符号后面如果跟的是特殊字符c，那么\c就代表普通字符c，例如\一般用作转义符，但\\则调表普通字符\。

Javascript的正则表达式中\的用法与上面相同，只是不同的编程语言，特殊字符表可能不太一样罢了。

2>^：匹配输入字符串的起始端，如果是多行匹配，即表达式的附加参数中含有m，则也在一个换行符后匹配。

例子：/^B/匹配“Bab Bc ”中的第一个B

例子2：/^B/gm匹配

“Badd B

cdaf

B dsfB”

中的第一行第一个B，第三行中的第一个B

3>$：匹配输入字符创的尾端，如果是多行匹配，即表达式的附加参数中含有m，则也在一个换行符前匹配。

与^的用法相反。

例子：/t$/匹配“bat”中的t，但是不匹配“hate”中的t

例子2：/t$/匹配

“tag at

bat”

中第一行的最后一个t和第二行的t。

4>*：匹配前一个字符0次或多次。

例子：/ab*/匹配“dddabbbbc”中的“abbbb”，也匹配“ddda”中的“a”

5>+：匹配前一个字符1次或多次。

例子：/ab+/匹配“dddabbbbc”中的“abbbb”，但不匹配“ddda”

与后面的{1,}（原型：{n,}）的用法类似

6>?：?的用法比较特殊，一般来说它用来对前一个字符做0次或1次匹配，但是它有另外两种特殊的用法：

如果紧跟在*、+、?和{ }之后，则表示原始匹配的最小次数匹配，例如：

/ba*/本来匹配“bbbaaaa”中的“baaaa”，但是/ba*?/则匹配“bbbaaaa”中的“b”（因为*表示0次或多次匹配，而加?应该表示最少次数匹配，即0次匹配）。

同理：/ba+?/则匹配“baaaa”中的“ba”。

作为语法结构符号，使用于前置断言中，即后面要说到的x(?=y)和x(?!=y)

7>.：小数点中的“.”号，匹配任何一个单独的字符，但是换行符除外。

标准中总共有哪些字符？请参考：字符集

例如：/a.b/匹配“acbaa”中的“acb”，但是不匹配“abbb”。

8>(x)：表示匹配x(并非特指字符x或者特指一个字符，x表示一个字符串)，而且匹配会被记住，在语法中这种()被称为“capturing parentheses ”，即捕捉用的小括号。

匹配会被记住，是因为在表达式提供的函数中，有些函数返回一个数组，该数组会保存所匹配的所有字符串，例如exec()函数。

另外还要注意()中的x被记住的前提是匹配x。

例子1：

var regx=/a(b)c/;

var rs=regx.exec(“abcddd”);

从上面可以看出,/a(b)c/匹配“abcddd”中的“abc”，因为()的原因，b也会记录下来，因此rs 返回的数字内容为：

{abc,b}

例子2：

var regx=/a(b)c/;

var rs=regx.exec(“acbcddd”);

rs返回null，因为/a(b)c/不匹配“acbcddd”，所以()中的b不会被记录下来（尽管字符串中含有b）

9>(?:x)：匹配x，但不会记住x，这种格式中的()被称为“non-capturing parentheses ”，即非捕捉用的小括号。

例子：

var regx=/a(?:b)c/;

var rs=regx.exec(“abcddd”);

从上面可以看出,/a(?:b)c/匹配“abcddd”中的“abc”，因为(?:)的原因，b不会记录下来，因此rs返回的数字内容为：

{abc}

10>X(?=y)：匹配x，仅当后面紧跟着y时。如果符合匹配，则只有x会被记住，y不会被记住。

例子：

var regx=/user(?=name)/;

var rs=regx.exec(“The username is Mary”);

结果：匹配成功，而且rs的值为{user}

11>X(?!y)：匹配x，仅当后面不紧跟着y时。如果符合匹配，则只有x会被记住，y不会被记住。

例子：

var regx=/user(?!name)/;

var rs=regx.exec(“The user name is Mary”);

结果：匹配成功，而且rs的值为{user}

例子2：

var regx=/\d+(?!\.)/;

var rs=regx.exec(“54.235”);

结果：匹配成果，rs的值为{5}，不匹配54是因为54后面跟着“.”号，当然235也匹配，但是由于exec方法的行为，235不会被返回

12>x|y：匹配x或y。注意如果x和y都匹配上了，那么只记住x。

例子：

var regx=/beijing|shanghai/;

var rs=regx.exec(“I love beijing and shanghai”);

结果：匹配成功，rs的值为{beijing}，虽然shanghai也匹配，但不会被记住。

13>{n}：匹配前一个字符的n次出现。

n必须是一个非负数，当然如果是一个负数或小数也不会报语法错误。

例子：

var regx=/ab{2}c/;

var rs=regx.exec(“abbcd”);

结果：匹配成功，rs的值为：{abbc}。

14>{n,}：匹配前一个字符的至少n次出现。

例子：

var regx=/ab{2,}c/;

var rs=regx.exec(“abbcdabbbc”);

结果：匹配成功，rs的值为：{abbc}。注意为什么abbbc也符合条件为什么没有被记住，这与exec方法的行为有关，后面会统一讲解。

15>{n,m}：匹配前一个字符的至少n次最多m次的出现。

只要n与m为数字，而且m>=n就不会报语法错误。

例子：

var regx=/ab{2,5}c/;

var rs=regx.exec(“abbbcd”);

结果：匹配成功，rs的值为：{abbbc}。

例子2：

var regx=/ab{2,2}c/;

var rs=regx.exec(“abbcd”);

结果：匹配成功，rs的值为：{abbc}。

例子3：

var regx=/ab(2,5)/;

var rs=regx.exec(“abbbbbbbbbb”);

结果：匹配成功，rs的值为：{abbbbb}，这说明，如果前一个字符出现多于m次，则只匹配m次。另外：

var regx=/ab(2,5)c/;

var rs=regx.exec(“abbbbbbbbbbc”);

结果：匹配失败，rs的值为：null，为什么匹配失败，因为b多于5个则b(2,5)会匹配前5个b，，而表达式/ab(2,5)c/中b后面是c，但字符串中5个b之后还是b所以会报错。

16>[xyz]：xyz表示一个字符串，该模式表示匹配[]中的一个字符，形式上[xyz]等同于[x-z]。例子：

var regx=/a[bc]d/;

var rs=regx.exec(“abddgg”);

结果：匹配成功，rs的值为：{abd}

例子2：

var regx=/a[bc]d/;

var rs=regx.exec(“abcd”);

结果：匹配失败，rs的值为：null，之所以失败，是因为[bc]表示匹配b或c中的一个，但不会同时匹配。

17>[^xyz]：该模式表示匹配非[]中的一个字符，形式上[^xyz]等同于[^x-z]。

例子：

var regx=/a[^bc]d/;

var rs=regx.exec(“afddgg”);

结果：匹配成功，rs的值为：{afd}

例子2：

var regx=/a[^bc]d/;

var rs=regx.exec(“abd”);

结果：匹配失败，rs的值为：。

18>[\b]：匹配退格键。

19>\b：匹配一个词的边界符，例如空格和换行符等等，当然匹配换行符时，表达式应该附加参数m。

例子：

var regx=/\bc./;

var rs=regx.exec(“Beijing is a beautiful city”);

结果：匹配成功，rs的值为：{ci}，注意c前边的空格不会匹配到结果中，即{ ci}是不正确的。

20>\B：代表一个非单词边界。

例子：

var regx=/\Bi./;

var rs=regx.exec(“Beijing is a beautiful city”);

结果：匹配成功，rs的值为：{ij}，即匹配了Beijing中的ij。

21>\cX，匹配一个控制字符。例如，\cM 匹配一个Control-M 或

回车符。x 的值必须为A-Z 或a-z 之一。否则，将c 视为一

个原义的?c? 字符。（实际的例子还需补充）

21>\d：匹配一个数字字符，等同于[0-9]。

例子：

var regx=/user\d/;

var rs=regx.exec(“user1”);

结果：匹配成功，rs的值为：{user1}

22>\D：匹配一个非数字字符，等同于[^0-9]。

例子：

var regx=/user\D/;

var rs=regx.exec(“userA”);

结果：匹配成功，rs的值为：{userA}

23>\f：匹配一个换页符。

24>\n：匹配一个换行符。因为是换行符，所以在表达式中要加入m参数。

例子：

var regx=/a\nbc/m;

var str=“a

bc”;

var rs=regx.exec(str);

结果：匹配成功，rs的值为：{ }，如果表达式为/a\n\rbc/，则不会被匹配，因此在一般的编辑器中一个”Enter”键代表着“回车换行”，而非“换行回车”，至少在textarea域中是这样的。

25>\r：匹配一个回车符

26>\s：匹配一个空格符，等同于[ \f\n\r\t\v\u00A0\u2028\u2029].

例子：

var regx=/\si/;

var rs=regx.exec(“Beijing is a city”);

结果：匹配成功，rs的值为：{ i}

27>\S：匹配一个非空格符，等同于[ ^\f\n\r\t\v\u00A0\u2028\u2029].

例子：

var regx=/\Si/;

var rs=regx.exec(“Beijing is a city”);

结果：匹配成功，rs的值为：{ei}

28>\t：匹配一个tab

例子：

var regx=/a\tb/;

var rs=regx.exec(“a bc”);

结果：匹配成功，rs的值为：{a bc}

29>\v：匹配一个竖向的tab

30>\w：匹配一个数字、_或字母表字符，即[A-Za-z0-9_ ]。

例子：

var regx=/\w/;

var rs=r egx.exec(“$25.23”);

结果：匹配成功，rs的值为：{2}

31>\W：匹配一个非数字、_或字母表字符，即[^A-Za-z0-9_ ]。

例子：

var regx=/\w/;

var rs=regx.exec(“$25.23”);

结果：匹配成功，rs的值为：{$}

32>\n：注意不是\n，这里n是一个正整数，表示匹配第n个()中的字符。

例子：

var regx=/user([,-])group\1role/;

var rs=regx.exec(“user-group-role”);

结果：匹配成功，rs的值为：{user-group-role,-}，同样对user,group,role的匹配也是成功的，但像user-group,role等就不对了。

33>\0：匹配一个NUL字符。

34>\xhh：匹配一个由两位16进制数字所表达的字符。

35>\uhhhh：匹配一个由四位16进制数字所表达的字符。

3，表达式操作

1）表达式操作，在这里是指和表达式相关的方法，我们将介绍六个方法。

2）表达式对象（RegExp）方法：

1>exec(str)，返回str中与表达式相匹配的第一个字符串，而且以数组的形式表现，当然如果表达式中含有捕捉用的小括号，则返回的数组中也可能含有()中的匹配字符串，例如：var regx=/\d+/;

var rs=regx.exec(“3432ddf53”);

返回的rs值为：{3432}

var regx2=new RegExp(“ab(\d+)c”);

var rs2=regx2.exec(“ab234c44”);

返回的rs值为：{ab234c,234}

另外，如果有多个合适的匹配，则第一次执行exec返回一个第一个匹配，此时继续执行exec，则依次返回第二个第三个匹配。例如：

var regx=/user\d/g;

var rs=regx.exec(“ddduser1dsfuser2dd”);

var rs1=regx.exec(“ddduser1dsfuser2dd”);

则rs的值为{user1}，rs的值为{rs2}，当然注意regx中的g参数是必须的，否则无论exec 执行多少次，都返回第一个匹配。后面还有相关内容涉及到对此想象的解释。

2>test(str)，判断字符串str是否匹配表达式，返回一个布尔值。例如：

var regx=/user\d+/g;

var flag=regx.test(“user12dd”);

flag的值为true。

3）String对象方法

1>match(expr)，返回与expr相匹配的一个字符串数组，如果没有加参数g，则返回第一个匹配，加入参数g则返回所有的匹配

例子：

var regx=/user\d/g;