JavaScript正则表达式（Regular Expression）：RegExp对象

第一部分：新建正则表达式

JavaScript中正则表达式是参照Perl 5（一门历史很悠久的语言，现在tiobe编程语言排行依然在10名左右）建立的。

 

新建正则表达式的方法有两种：

1.使用字面量（斜杠/开始和结束）　　注：字面量：表示固定值的符号。可以简单理解为表示值最简单、最基本的写法。

var reg1=/test/;
console.log(reg1,typeof reg1);

运行结果：

2.使用RegExp构造函数。

var reg2=new RegExp('test');
console.log(reg2,typeof reg2);

运行结果：

注意：虽然两者运行结果一致。但是它们还是存在着差别：第一种方法是在编译时（代码载入时）新建正则表达式；而第二种是在运行时（代码执行时）新建正则表达式。

 一般均采用字面量的写法，推荐！

 

第二部分：RegExp对象的属性和方法

2.1属性

2.1.1：修饰符，返回布尔值

• ignoreCase：忽略大小写；i；属性只读
• global：全局匹配；g；属性只读
• multiline：多行匹配；m；属性只读

var reg3=/test/ig;
console.log(reg3.ignoreCase,reg3.global,reg3.multiline);

运行结果：

2.1.2 ：不是修饰符

• lastIndex：返回下一次搜索的位置；属性可读写；设置了g修饰符才有意义
• source：返回正则表达式的字符串形式（不包括反斜杠）；属性只读

var reg3=/test/ig;
console.log(reg3.lastIndex,reg3.source);

运行结果：

 

2.2方法

2.2.1 test()：当前模式是否能匹配参数字符串

如下：'test_test_'参数字符串包含模式test，所以返回true。

var res1=/test/.test('test_test_');
console.log(res1);//true

 

正则表达式带有g修饰符：每次进行匹配的位置是上一次匹配成功的位置+1；如果匹配不成功，那么又会从头开始进行匹配

var res1=/test/.test('test_test_');
console.log(res1);//true

var reg4=/a/g;
var s='abcabcabc';

console.log(reg4.lastIndex);//0
console.log(reg4.test(s));//true

console.log(reg4.lastIndex);//1:上次匹配成功的位置+1
console.log(reg4.test(s));//true

console.log(reg4.lastIndex);//4
console.log(reg4.test(s));//true

console.log(reg4.lastIndex);//7
console.log(reg4.test(s));//false

//又开始从头进行匹配
console.log(reg4.lastIndex);//0
console.log(reg4.test(s));//true

运行结果：

 

因此，带有g修饰符的正则对象，我们可以通过lastIndex属性进行指定开始匹配的位置

var reg5=/a/g;
var s1='aaaaab';
reg5.lastIndex=5;
console.log(reg5.test(s1));//false

 

如果正则模式是一个空字符串，则匹配所有字符串

console.log(new RegExp('').test('abc'));//true

 

2.2.2：exec()：匹配成功，返回数组；匹配失败，返回null

var reg6=/ab/;
var s2='abcabcd';
console.log(reg6.exec('cdef'));//匹配不成功,null
console.log(reg6.exec(s2));

运行结果：

所以可以明显看出：exec()返回的数组中还包含着index和input属性。

• index：模式匹配成功的第一个位置（0开始计数）；
• input：参数字符串

如果正则表达式中包含圆括号（即"组匹配"）,返回的数组会包含多个成员；第一个成员是整个匹配成功的结果，第二个成员是圆括号里面匹配成功的结果。以此类推

var reg7=/_(ab)/;
var s3='_abc_abcd';
console.log(reg7.exec(s3));

运行结果：

第一个成员是整个匹配的结果；第二个参数是圆括号匹配的结果。

 

非捕获组：(?:)：表示不返回该组匹配的内容；也就是说匹配的结果不计入括号

var m1='abc'.match(/(.)b(.)/);
var m2='abc'.match(/(?:.)b(?:.)/);
console.log(m1);
console.log(m2);

运行结果：

 

如果正则表达式加上g修饰符，则可以多次使用exec方法：

console.log('---');
var reg8=/_(a+)_/g;
var s4='_a_bc_aa_de_a_f';
var res1=reg8.exec(s4);
console.log(res1,res1.index,reg8.lastIndex);// 0 3
var res2=reg8.exec(s4);
console.log(res2,res2.index,reg8.lastIndex);// 5 9
var res3=reg8.exec(s4);
console.log(res3,res3.index,reg8.lastIndex);// 11 14
var res4=reg8.exec(s4);
console.log(res4,reg8.lastIndex);//此处不能读取index,因为为null,读取则报错
var res5=reg8.exec(s4);
console.log(res5,res5.index,reg8.lastIndex);// 0 3

运行结果：

 

第三部分：字符串对象方法

• match()：返回一个数组；成员是所有匹配的子字符串
• search()：返回一个整数；表示匹配开始的位置
• replace()：按照给定的正则表达式进行替换；返回替换后的字符串
• split()：按照给定规则对字符串进行分割；返回一个数组，包含分割后各个成员

3.1:String.prototype.match()：字符串的match()方法与正则对象的exec()方法十分相似：匹配成功返回数组；匹配失败返回null；

区别：当正则表达式带有g修饰符，match()会返回所有结果；而exec()返回一个结果。

var reg9=/te/;
var s5='teatebtec';
console.log(s5.match(reg9));
console.log(reg9.exec(s5));
var reg10=/te/g;
console.log(s5.match(reg10));
console.log(reg10.exec(s5));

运行结果：

注意：设置lastIndex属性对match()方法无效。

reg10.lastIndex=2;
console.log(s5.match(reg10),reg10.lastIndex);

运行结果：

可以看出此时reg10.lastIndex依然为0。表明每次match()匹配都是从第一个字符开始的。

3.2 String.prototype.search()：返回第一次匹配成功在整个字符串的位置；否则返回-1

同样的，设置lastIndex属性对search()无效；并且search()会忽略g修饰符

var reg11=/te/;
var s6='te_teabc';
console.log(s6.search(reg11));//0
reg11.lastIndex=2;//设置lastIndex属性无效
console.log(s6.search(reg11),reg11.lastIndex);//0 2
var reg12=/te/g;//设置g修饰符无效
console.log(s6.search(reg12));//0

运行结果：

3.3 String.prototype.replace()：返回替换后的字符串；有两个参数，第一个是搜索模式（正则），第二个是替换的内容

console.log('abaac'.replace('a','F'));//Fbaac
console.log('abaac'.replace(/a/,'F'));//Fbaac
console.log('abaac'.replace(/a/g,'F'));//FbFFc

运行结果：

3.4 String.prototype.split()：按照正则规则切割字符串；返回数组包含切割后的部分

console.log('a, b,c'.split(','));//["a", " b", "c"]
console.log('a, b,c'.split(/, */));//["a","b","c"]

 

 

4.匹配规则

4.1：字面量字符（literal characters）：比如：/a/，/cat/

4.2：元字符（meta characters）：有特殊含义；不代表字面意思

4.2.1：点字符（.）：匹配除回车（\r）、换行（\n）、行分隔符（\u2028）和段分隔符（\u2029）以外的所有字符。

4.2.2：位置字符

• ^：表示字符串的开始位置
• $：表示字符串的结束位置

4.2.3：选择字符：竖线符号（|）：表示或的关系；比如apple|boy：匹配apple或者boy

4.2.4：转义符：因为有些字符在匹配规则中有着特殊的含义，所以要想匹配它们，得进行转义（在前面加上反斜杠\）；比如匹配^，写成\^

需要转义的12个字符：^；.；[；$；(；)；|；*；+；?；{和\\

注意：如果使用RegExp生成正则对象，转义需要两个反斜杠，因为字符串内部转义需要一次\

//匹配'+abc'字符串
var reg13=new RegExp('\\+abc');//正确写法
var reg14=new RegExp('\+abc');//错误写法

4.2.5：特殊字符

4.2.6：字符类：放置在[]中

1.    ^：放置在[]中首位；如：[^abc]表示除a,b,c之外的字符都能进行匹配；如果[]中没有其它字符，表示匹配一切字符（包括换行符）；而.是不包括换行符的。

2.    -：如：[a-z]：匹配a-z这26个字符

 

4.2.7：预定义模式：

4.2.8：重复类

精确匹配次数：{n}：重复n次；{n,}：至少n次；{n,m}：n到m次

4.2.9：量词符

4.2.10：贪婪模式：（?,*,+）默认情况下，最大可能的匹配；改为非贪婪模式，在量词后面加个?

如：/a+?/：一旦匹配成功，就不会继续匹配下去

 

 参考：阮一峰JavaScript标准参考教程