深入浅析js中的正则表达式

阅读目录

很多时候多会被正则表达式搞的晕头转向，最近抽出时间对正则表达式进行了系统的学习，整理如下：

两种方法，一种是直接写，由包含在斜杠之间的模式组成；另一种是调用RegExp对象的构造函数。

两种方法的创建代码如下：

// 直接创建

const regex1 = /ab+c/;

const regex2 = /^[a-zA-Z]+[0-9]*\\W?_$/gi;

// 调用构造函数

const regex3 = new RegExp('ab+c');

const regex4 = new RegExp(/^[a-zA-Z]+[0-9]*\\W?_$/, "gi");

const regex5 = new RegExp('^[a-zA-Z]+[0-9]*\\W?_$', 'gi');

可以看出，调用RegExp构造函数创建正则表达式时，第一个参数可以是字符串，也可以是直接创建的正则表达式。

需要注意的是：RegExp实例继承的toLocaleString()和toString)()方法都会返回正则表达式的字面量，与创建正则表达式的方式无关

例如：

const ncname = '[a-zA-Z_][\\\\w\\\\-\\\\.]*';

const qnameCapture = '((?:' + ncname + '\\\\:)?' + ncname + ')';

const startTagOpen = new RegExp('^<' + qnameCapture);

startTagOpen.toString(); // '/^<((?:[a-zA-Z_][\\w\\-\\.]*\\:)?[a-zA-Z_][\\w\\-\\.]*)/'

正则表达式中的特殊字符

\\ (反斜杠)

1.在非特殊字符前加反斜杠表示下一个字符是特殊的；

2.将其后的特殊字符转译为字面量；

注意：在使用RegExp构造函数时要将\\转译，因为\\在字符串里也是转译字符

1.匹配输入的开始；

2.在[]中的第一位时表示反向字符集；

例子：