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

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

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

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

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

2.使用RegExp构造函数。

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

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

2.1属性

2.1.1:修饰符,返回布尔值

  • ignoreCase:忽略大小写;i;属性只读
  • global:全局匹配;g;属性只读
  • multiline:多行匹配;m;属性只读
 var reg3=/test/ig;
console.log(reg3.ignoreCase,reg3.global,reg3.multiline);

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

2.1.2 :不是修饰符

  • lastIndex:返回下一次搜索的位置;属性可读写;设置了g修饰符才有意义
  • source:返回正则表达式的字符串形式(不包括反斜杠);属性只读
 var reg3=/test/ig;
console.log(reg3.lastIndex,reg3.source);

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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);//
console.log(reg4.test(s));//true console.log(reg4.lastIndex);//1:上次匹配成功的位置+1
console.log(reg4.test(s));//true console.log(reg4.lastIndex);//
console.log(reg4.test(s));//true console.log(reg4.lastIndex);//
console.log(reg4.test(s));//false //又开始从头进行匹配
console.log(reg4.lastIndex);//
console.log(reg4.test(s));//true

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

因此,带有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));

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

  • index:模式匹配成功的第一个位置(0开始计数);
  • input:参数字符串

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

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

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

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

如果正则表达式加上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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

  • 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));

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

可以看出此时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));//
reg11.lastIndex=2;//设置lastIndex属性无效
console.log(s6.search(reg11),reg11.lastIndex);//0 2
var reg12=/te/g;//设置g修饰符无效
console.log(s6.search(reg12));//

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

运行结果:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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个字符:^;.;[;$;(;);|;*;+;?;{和\\

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

4.2.5:特殊字符

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

4.2.6:字符类放置在[]中

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

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

4.2.7:预定义模式:

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

4.2.8:重复类

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

4.2.9:量词符

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

4.2.10:贪婪模式:(?,*,+)默认情况下,最大可能的匹配;改为非贪婪模式,在量词后面加个?

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

JavaScript正则表达式(Regular Expression):RegExp对象-LMLPHP

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

05-07 15:18
查看更多