js中正则表达式的易错点

文章目录

• 1. 匹配符部分匹配规则
• 2. 分组匹配规则：
• 3. 注意^的不同用法
• 4. 不要忘记转义
• 5. 正则表达式对象中lastIndex属性
• 6. exec VS match

1. 匹配符部分匹配规则

• js的正则表达式总是匹配第一个满足匹配的，比如下面这个例子

	var str = "aaab";
	var pattern = /a+?b/;
	console.log(pattern.exec(str));

• 程序输出：“aaab”

• 虽然上面加了问号是非贪婪匹配，但是正则表达式的字符匹配是从满足条件的第一个字符开始匹配的，故从第一个a开始匹配，又因为一定要和最后一个b进行匹配，故前面三个a必须全都要进行匹配。

• 操作符只能影响前面的一个字符，并不能影响前面的多个字符。

 	 var str = "angel";
 	 var pattern = /e?el?/;
  	 console.log(pattern.exec(str));

• 程序输出：“el”
• 虽然是从正则表达式中第一个满足的进行匹配，但是最后面有一个l，e?匹配成功后后面的l就没法匹配成功了，故第一个e？并没有进行匹配。故最终返回“el”。

2. 分组匹配规则：

	var str  = "ab";
	var pattern = /a|ab/;
	console.log(pattern.exec(str));

• 程序输出：“a”
• 将分组中从左到右按顺序和str中字符串进行匹配，一旦匹配上就不再将分组中的其它字符和str进行匹配，故此程序中分组中的ab都没有得到机会和str中的字符串进行匹配。

3. 注意^的不同用法

	var pattern1 = /[^0-9]/ //在字符类中的‘^’号表示非的意思，此代码中的意思就是表示非数字
	var pattern2 = /^js/ //这里表示的是首匹配，也就是要匹配的字符串前两个字母必须是js才能匹配成功，若str = “ja”，则也匹配不成功返回null

4. 不要忘记转义

• 在使用构造函数声明正则表达式时，在RegExp（）中传入参数时，如果用到\一定不要忘记进行转义，如下面的代码所示：

var pattern =new RegExp("\\b"+"str"+"\\b") ;
// "\\b"+"str"+"\\b" === /\bstr\b/
var pattern1 =new RegExp("\b"+"str"+"\b") ;
// "\b"+"str"+"\b" === / str /

5. 正则表达式对象中lastIndex属性

• 开始时lastIndex的值为0，利用全局匹配时，每当我们执行一次pattern.exec(str)；lastIndex的值会增加到当前匹配完后的字符的下一个位置，一直增加。当我们最后匹配结束返回null时，lastIndex的值变为0.
• 非全局匹配时，lastIndex的值永远是0.
• 代码如下：

	var str = "js js js js";
    var pattern = /js/g;
    console.log("lastIndex = "+pattern.lastIndex);
    console.log(pattern.exec(str));
    console.log("lastIndex = "+pattern.lastIndex);
    console.log(pattern.exec(str));
    console.log("lastIndex = "+pattern.lastIndex);
    console.log(pattern.exec(str));
    console.log("lastIndex = "+pattern.lastIndex);
    console.log(pattern.exec(str));
    console.log("lastIndex = "+pattern.lastIndex);
    console.log(pattern.exec(str));
    console.log("lastIndex = "+pattern.lastIndex);

• 运行结果：
  
  

6. exec VS match

• exec是正则表达式实例的方法，match是字符串对象的方法
• exec: 无论是否是全局匹配都会返回分组中匹配到的内容，在全局匹配中，匹配到的内容只会返回当前匹配的内容，而不会全部返回.
• match:只有在非全局匹配时才会返回分组中的内容，在全局匹配中会将匹配到的内容全部返回。
• 示例代码：

var str = "js js js";
    var pattern = /(j)s/g;
    console.log("全局匹配match得到的内容：");
    console.log(str.match(pattern));
    console.log("全局匹配exec得到的内容：");
    console.log(pattern.exec(str));

• 运行结果：
  
  

• 更新中，如有错误欢迎指正…