javaScript 正则表达式

1 作用

A 测试字符串的某个模式。

例如，可以对一个输入字符串进行测试( 包含 / 位置 /……)

B 替换文本 。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者 替换 为别的文字

C 根据模式匹配从字符串中提取一个子字符串 。可以用来在文本或输入字段中 查找 特定文字

2 正则表达式语法

一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描

述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进

行匹配。

3 创建正则表达式

方法 1:对象创建法

var re = new RegExp(); //RegExp 是一个对象,和 Aarray 一样

//没有任何效果,需要将正则表达式的内容作为字符串传递进去

Var re = new RegExp( "a" ); //最简单的正则表达式,将匹配字母 a

var re = new RegExp("a","i") ; //第二个参数,表示匹配时不分大小写 a = A

★ RegExp 对象有 3 个方法： test() 、 exec() 以及 compile() 。

01 test() 方法检索字符串中的指定值。返回值是 true 或 false 。

var patt1=new RegExp("e");

document.write( patt1 .test("The best things in life are free")); //true

02 exec() 方法检索字符串中的指定值。返回值是被 找到的值 。如果没有发现匹配，则返回 null

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));//e

03 compile() 方法用于改变 RegExp。

compile() 既可以改变检索模式，也可以添加或删除第二个参数。

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));//true

patt1.compile("d");

document.write(patt1.test("The best things in life are free"));//truefalse RegExp 构造函数 第一个参数为正则表达式的 文本内容 ,而 第二个参数则为可选项标志 修饰符 .可以组合使用

var re = new RegExp( "a" , "g" ); //匹配所有的 a 或 A

var patt1=new RegExp("e","g");

do

{

result=patt1.exec("The best things in life are free");

document.write(result);

}

while (result!=null);

//eeeeeenull

说明:

您可以向 RegExp 对象添加第二个参数，以设定检索。例如，如果需要找到所有某个字符的所有存在，则可以使

用 "g" 参数 ("global")。

在使用 "g" 参数时，exec() 的工作原理如下：

 找到第一个 "e"，并存储其位置

 如果再次运行 exec()，则从存储的位置开始检索，并找到下一个 "e"，并存储其位置

方法 2- 直接量语法 ：

var re = /a/gi;

参考资料

 

文本内容 [可按下列表格中的格式书写]

 

 4 正则表达式相关的方法和属性

 5 测试正则表达式是如何工作的!

        正则 表达式案例解析:

//test 方法,测试字符串,符合模式时返回 true,否则返回 false

var re = /he/; //最简单的正则表达式,将匹配 he 这个单词

var str = "he" ;

alert(re.test(str)); //true

str = "we" ;

alert(re.test(str)); //false

str = "HE" ;

alert(re.test(str)); //false,大写,如果要大小写都匹配可以指定 i 标志(i 是 ignoreCase 或 case-insensitive 的表示)

re = /he/i;

alert(re.test(str)); //true

str = "Certainly!He loves her!" ;

alert(re.test(str)); //true,只要包含 he(HE)就符合,如果要只是 he 或 HE,不能有其它字符,则可使用^和$

re = /^he/i; //脱字符(^)代表字符开始位置

alert(re.test(str)); //false,因为 he 不在 str 最开始

str = "He is a good boy!" ;

alert(re.test(str)); //true,He 是字符开始位置,还需要使用$

re = /^he$/i; //$表示字符结束位置

alert(re.test(str)); //false

str = "He" ;

alert(re.test(str)); //true

//当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或 indexOf

re = /\s/; // \s 匹配任何空白字符，包括空格、制表符、换页符等等

str= "user Name" ; //用户名包含空格

alert(re.test(str)); //true

str = "user Name" ; //用户名包含制表符

alert(re.test(str)); //true

re=/^[a-z]/i; //[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写

str= "variableName" ; //变量名必须以字母开头

alert(re.test(str)); //true

str= "123abc" ;

alert(re.test(str)); //false

当然,仅仅知道了字符串是否匹配模式还不够,我们还需要知道哪些字符匹配了模式

Js 代码

var osVersion = "Ubuntu 8" ; //其中的 8 表示系统主版本号

var re = /^[a-z]+\s+\d+$/i; //+号表示字符至少要出现 1 次,\s 表示空白字符,\d 表示一个数字

alert(re.test(osVersion)); //true,但我们想知道主版本号

//另一个方法 exec,返回一个数组,数组的第一个元素为完整的匹配内容

re=/^[a-z]+\s+\d+$/i;

arr = re.exec(osVersion);

alert(arr[0]); //将 osVersion 完整输出,因为整个字符串刚好匹配 re

//我只需要取出数字

re=/\d+/;

var arr = re.exec(osVersion);

alert(arr[0]); //8

更复杂的用法,使用 子匹配

Js 代码

//exec 返回的数组第 1 到 n 元素中包含的是匹配中出现的任意一个子匹配

re=/^[a-z]+\s+(\d+)$/i; //用()来创建子匹配

arr =re.exec(osVersion);

alert(arr[0]); //整个 osVersion,也就是正则表达式的完整匹配

alert(arr[1]); //8,第一个子匹配,事实也可以这样取出主版本号 alert(arr.length); //2

osVersion = "Ubuntu 8.10" ; //取出主版本号和次版本号

re = /^[a-z]+\s+(\d+)\.(\d+)$/i; //.是正则表达式元字符之一,若要用它的字面意义须转义

arr = re.exec(osVersion);

alert(arr[0]); //完整的 osVersion

alert(arr[1]); //8

alert(arr[2]); //10

注意,当字符串不匹配 re 时,exec 方法将返回 null

String 对象的一些和正则表达式有关的方法

Js 代码

//replace 方法,用于替换字符串

var str = "some money" ;

alert(str.replace( "some" , "much" )); //much money

//replace 的第一个参数可以为正则表达式

var re = /\s/; //空白字符

alert(str.replace(re, "%" )); //some%money

//在不知道字符串中有多少空白字符时,正则表达式极为方便

str = "some some \tsome\t\f" ;

re = /\s+/;

alert(str.replace(re, "#" )); //但这样只会将第一次出现的一堆空白字符替换掉

//因为一个正则表达式只能进行一次匹配,\s+匹配了第一个空格后就退出了

re = /\s+/g; //g,全局标志,将使正则表达式匹配整个字符串

alert(str.replace(re, "@" )); //some@some@some@

//另一个与之相似的是 split

var str = "a-bd-c" ;

var arr = str.split( "-" ); //返回["a","bd","c"]

//如果 str 是用户输入的,他可能输入 a-bd-c 也可能输入 a bd c 或 a_bd_c,但不会是 abdc(这样就说他输错

了)

str = "a_db-c" ; //用户以他喜欢的方式加分隔符 s

re=/[^a-z]/i; //前面我们说^表示字符开始,但在[]里它表示一个负字符集

//匹配任何不在指定范围内的任意字符,这里将匹配除字母处的所有字符

arr = str.split(re); //仍返回["a","bd","c"];

//在字符串中查找时我们常用 indexOf,与之对应用于正则查找的方法是 search

str = "My age is 18.Golden age!" ; //年龄不是一定的,我们用 indexOf 不能查找它的位置

re = /\d+/;

alert(str.search(re)); //返回查找到的字符串开始下标 10

//注意,因为查找本身就是出现第一次就立即返回,所以无需在 search 时使用 g 标志

//下面的代码虽然不出错,但 g 标志是多余的

re=/\d+/g;

alert(str.search(re)); //仍然是 10

注意,当 search 方法没有找到匹配时,将返回-1

类似于 exec 方法,String 对象的 match 方法也用于将字符串与正则表达式进行匹配并返回结果数组

Js 代码 var str = "My name is CJ.Hello everyone!" ;

var re = /[A-Z]/; //匹配所有大写字母

var arr = str.match(re); //返回数组

alert(arr); //数组中只会包含一个 M,因为我们没有使用全局匹配

re = /[A-Z]/g;

arr = str.match(re);

alert(arr); //M,C,J,H

//从字符串中抽取单词

re = /\b[a-z]*\b/gi; //\b 表示单词边界

str = "one two three four" ;

alert(str.match(re)); //one,two,three,four

RegExp 对象实例的一些属性

Js 代码

var re = /[a-z]/i;

alert(re.source); //将[a-z]字符串输出

//请注意,直接 alert(re)会将正则表达式连同前向斜线与标志输出,这是 re.toString 方法定义的

每个 RegExp 对象的实例具有 lastIndex 属性,它是被查找字符串中下一次成功匹配的开始位置,默认值是-1。

lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.

Js 代码

var re = /[A-Z]/;

//exec 方法执行后,修改了 re 的 lastIndex 属性,

var str = "Hello,World!!!" ;

var arr = re.exec(str);

alert(re.lastIndex); //0,因为没有设置全局标志

re = /[A-Z]/g;

arr = re.exec(str);

alert(re.lastIndex); //1

arr = re.exec(str);

alert(re.lastIndex); //7

当匹配失败（后面没有匹配），或 lastIndex 值大于字符串长度时，再执行 exec 等方法会将 lastIndex 设为 0(开始位

置)

Js 代码

var re = /[A-Z]/;

var str = "Hello,World!!!" ;

re.lastIndex = 120;

var arr = re.exec(str);

alert(re.lastIndex); //0

RegExp 对象的静态属性

Js 代码

//input 最后用于匹配的字符串（传递给 test,exec 方法的字符串）

var re = /[A-Z]/;

var str = "Hello,World!!!" ; var arr = re.exec(str);

alert(RegExp.input); //Hello,World!!!

re.exec( "tempstr" );

alert(RegExp.input); //仍然是 Hello,World!!!,因为 tempstr 不匹配

//lastMatch 最后匹配的字符

re = /[a-z]/g;

str = "hi" ;

re.test(str);

alert(RegExp.lastMatch); //h

re.test(str);

alert(RegExp[ "$&" ]); //i ,$&是 lastMatch 的短名字，但由于它不是合法变量名，所以要。。

//lastParen 最后匹配的分组

re = /[a-z](\d+)/gi;

str = "Class1 Class2 Class3" ;

re.test(str);

alert(RegExp.lastParen); //1

re.test(str);

alert(RegExp[ "$+" ]); //2

//leftContext 返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符

//rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符

re = /[A-Z]/g;

str = "123ABC456" ;

re.test(str);

alert(RegExp.leftContext); //123

alert(RegExp.rightContext); //BC456

re.test(str);

alert(RegExp[ "$`" ]); //123A

alert(RegExp[ "$'" ]); //C456

multiline 属性返回正则表达式是否使用多行模式,这个属性不针对某个正则表达式实例，而是针对所有正则表达式，

并且这个属性可写.(IE 与 Opera 不支持这个属性)

Js 代码

alert(RegExp.multiline);

//因为 IE，Opera 不支持这个属性，所以最好还是单独指定

var re = /\w+/m;

alert(re.multiline);

alert(RegExp[ "$*" ]); //RegExp 对象的静态属性不会因为给 RegExp 某个对象实例指定了 m 标志而改变

RegExp.multiline = true ; //这将打开所有正则表达式实例的多行匹配模式

alert(RegExp.multiline);

使用元字符注意事项:元字符是正则表达式的一部分，当我们要匹配正则表达式本身时，必须对这些元字符转义.下面 是正则表达式用到的所有元字符

( [ { \ ^ $ | ) ? * + .

Js 代码

var str = "?" ;

var re = /?/;

alert(re.test(str)); //出错，因为？是元字符，必须转义

re = /\?/;

alert(re.test(str)); //true

使用 RegExp 构造函数与使用正则表达式字面量创建正则表达式注意点

Js 代码

var str = "\?" ;

alert(str); //只会输出?

var re = /\?/; //将匹配?

alert(re.test(str)); //true

re = new RegExp( "\?" ); //出错,因为这相当于 re = /\?/

re = new RegExp( "\\?" ); //正确，将匹配？

alert(re.test(str)); //true

既然双重转义这么不友好，所以还是用正则表达式字面量的声明方式

如何在正则表达式中使用特殊字符？

Js 代码

//ASCII 方式用十六进制数来表示特殊字符

var re = /^\x43\x4A$/; //将匹配 CJ

alert(re.test( "CJ" )); //true

//也可使用八进制方式

re = /^\103\112$/; //将匹配 CJ

alert(re.test( "CJ" )); //true

//还可以使用 Unicode 编码

re =/^\u0043\u004A$/; //使用 Unicode，必须使用 u 开头，接着是字符编码的四位 16 进制表现形式

alert(re.test( "CJ" ));

另处，还有一些其它的预定义特殊字符，如下表所示:

字符 描述

\n 换行符

\r 回车符

\t 制表符

\f 换页符（Tab） \cX 与 X 对应的控制字符

\b 退格符(BackSpace)

\v 垂直制表符

\0 空字符("")

字符类 ---〉简单类，反向类，范围类，组合类，预定义类

Js 代码

//简单类

var re = /[abc123]/; //将匹配 abc123 这 6 个字符中一个

//负向类

re = /[^abc]/; //将匹配除 abc 之外的一个字符

//范围类

re = /[a-b]/; //将匹配小写 a-b 26 个字母

re = /[^0-9]/; //将匹配除 0-9 10 个字符之处的一个字符

//组合类

re = /[a-b0-9A-Z_]/; //将匹配字母，数字和下划线

下面是正则表达式中的预定义类

代码 等同于 匹配

. IE 下[^\n]，其它[^\n\r] 匹配除换行符之外的任何一个字符

\d [0-9] 匹配数字

\D [^0-9] 匹配非数字字符

\s [ \n\r\t\f\x0B] 匹配一个空白字符

\S [^ \n\r\t\f\x0B] 匹配一个非空白字符

\w [a-zA-Z0-9_] 匹配字母数字和下划线

\W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符

量词(下表量词单个出现时皆是贪婪量词)

代码 描述

* 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。

+ 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于

{1,}。

? 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于

{0,1}。

{n} n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的

两个 o。

{n,} n 是一个非负整数。至少匹配 n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所

有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。 {n,m} m 和 n 均为非负整数，其中 n <= m。最少匹配 n 次且最多匹配 m 次。刘， "o{1,3}" 将匹配 "fooooood" 中

的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。

贪婪量词与惰性量词

•用贪婪量词进行匹配时，它首先会将整会字符串当成一个匹配，如果匹配的话就退出，如果不匹配，就截去最后一个

字符进行匹配，如果不匹配，继续将最后一个字符截去进行匹配，直到有匹配为止。直到现在我们遇到的量词都是贪

婪量词

•用惰性量词进行匹配时，它首先将第一个字符当成一个匹配，如果成功则退出，如果失败，则测试前两个字符，依些

增加，直到遇到合适的匹配为止

惰性量词仅仅在贪婪量词后面加个"?"而已,如"a+"是贪婪匹配的,"a+?"则是惰性的

Js 代码

var str = "abc" ;

var re = /\w+/; //将匹配 abc

re = /\w+?/; //将匹配 a

多行模式

Js 代码

var re = /[a-z]$/;

var str = "ab\ncdef" ;

alert(str.replace(re, "#" )); //ab\ncde#

re =/[a-z]$/m;

alert(str.replace(re, "#" )); //a#\ncde#

分组与非捕获性分组

Js 代码

re = /abc{2}/; //将匹配 abcc

re = /(abc){2}/; //将匹配 abcabc

//上面的分组都是捕获性分组

str = "abcabc ###" ;

arr = re.exec(str);

alert(arr[1]); //abc

//非捕获性分组 (?:)

re = /(?:abc){2}/;

arr = re.exec(str);

alert(arr[1]); //undefined

候选（也就是所说的“或”）

Js 代码

re = /^a|bc$/; //将匹配开始位置的 a 或结束位置的 bc

str = "add" ;

alert(re.test(str)); //true

re = /^(a|bc)$/; //将匹配 a 或 bc

str = "bc" ;

alert(re.test(str)); //true 当包含分组的正则表达式进行过test,match,search这些方法之后，每个分组都被放在一个特殊的地方以备将来使用，

这些存储是分组中的特殊值，我们称之为反向引用

Js 代码

var re = /(A?(B?(C?)))/;

/*上面的正则表达式将依次产生三个分组

(A?(B?(C?))) 最外面的

(B?(C?))

(C?)*/

str = "ABC" ;

re.test(str); //反向引用被存储在 RegExp 对象的静态属性$1—$9 中

Alert(RegExp.$1+ "\n" +RegExp.$2+ "\n" +RegExp.$3);

//反向引用也可以在正则表达式中使用\1 ,\2...这类的形式使用

re = /\d+(\D)\d+\1\d+/;

str = "2008-1-1" ;

alert(re.test(str)); //true

str = "2008-4_3" ;

alert(re.test(str)); //false

使用反向引用可以要求字符串中某几个位置上的字符必须相同.另外，在 replace 这类方法中可用特殊字符序列来表示

反向引用

Js 代码

re = /(\d)\s(\d)/;

str = "1234 5678" ;

alert(str.replace(re, "$2 $1" )); //在这个里面$1 表示第一个分组 1234,$2 则表示 5678

其它——〉正向前瞻,用来捕获出现在特定字符之前的字符,只有当字符后面跟着某个特定字符才去捕获它。与正向前

瞻对应的有负向前瞻，它用匹配只有当字符后面不跟着某个特定字符时才去匹配它。在执行前瞻和负向前瞻之类的运

算时，正则表达式引擎会留意字符串后面的部分，然而却不移动 index

Js 代码

//正向前瞻

re = /([a-z]+(?=\d))/i;

//我们要匹配后面跟一个数字的单词，然后将单词返回，而不要返回数字

str = "abc every1 abc" ;

alert(re.test(str)); //true

alert(RegExp.$1); //every

alert(re.lastIndex); //使用前瞻的好处是,前瞻的内容(?=\d)并不会当成一次匹配，下次匹配仍从它开始

//负向前瞻(?!)

re = /([a-z](?!\d))/;i

//将匹配后面不包含数字的字母,并且不会返回(?!\d)中的内容

str = "abc1 one" ;

alert(re.test(str));

alert(RegExp.$1); //one 构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义)：用户名只能包含字

母数字以及下划线，最少一位，最多 25 位，用户名后面紧跟@，后面是域名，域名名称要求只能包含字母数字和减号

（

-），并且不能以减号开头或结尾，然后后面是域名后缀（可以有多个），域名后缀必须是点号连上 2-4 位英文字母

Js 代码

1. var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;