JavaScript 正则表达式

正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式，是用于匹配字符串中字符组合的模式。

一、JS 如何创建正则表达式

1、隐式创建

通过直接量定义

var str = 'I love js';
var pattern = /js/;
// test exec
console.log(pattern.test(str));     //true
console.log(pattern.exec(str));     //"js"

2、显式创建

通过构造函数定义

var str = 'I love js';
var pattern = new RegExp('js');
console.log(pattern.test(str));     //true
console.log(pattern.exec(str));     //"js"

二、正则表达式修饰符

1、i

执行对大小写不敏感的匹配（ignoreCase）

2、g

执行全局匹配（global）

3、m

执行多行匹配（multiline）

示例：

// 字面量
var pattern = /js/i;
// 构造函数
var pattern = new RegExp('js', 'i');

三、正则表达式直接量字符

1、\o

NULL 字符（\u0000）

2、\t

制表符，即 Tab（\u0009）

3、\n

换行符（\u000A）

4、\v

垂直制表符（\u000B）

5、\f

换页符（\u000C）

6、\r

回车符（\u000D）

7、\xnn

由十六进制数 nn 指定的拉丁字符，例如，\x0A等价于\n

8、\uxxxx

由十六进制数 xxxx 指定的 Unicode 字符，例如\u0009等价于\t

9、\cX

控制字符 ^X，例如，\cJ等价于换行符\n

示例：

// 字面量
var pattern = /\t/;
// 构造函数（‘\’要翻倍）
var pattern = new RegExp('\\t');

四、正则表达式锚字符

1、^

匹配字符串的开头，在多行检索中，匹配一行的开头

2、$

匹配字符串的结尾，在多行检索中，匹配一行的结尾

3、\b

匹配一个单词的边界（[\b]匹配的是退格符）

4、\B

匹配非单词边界的位置

5、(?=p)

零宽正向先行断言，要求接下来的字符都与 p 匹配，但不能包括匹配 p 的那些字符

6、(？!p)

零宽负向先行断言，要求接下来的字符串不与 p 匹配

示例：

// 字面量
var pattern = /[^js]/;
// 构造函数
var pattern = new RegExp('[^js]');

五、正则表达式字符类

1、[...]

方括号内的任意字符

2、[^...]

不在方括号内的任意字符

3、[a-z]

匹配 a-z 中任意一个字符

4、[^a-z]

匹配除了 a-z 的任意一个字符

5、.

除换行符和其他 Unicode 行终止符之外的任意字符

6、\w

任何 ASCII 字符组成的单词，等价于 [a-zA-Z0-9_]

7、\W

任何不是 ASCII 字符组成的单词，等价于 [^a-zA-Z0-9_]

8、\s

任何 Unicode 空白符

9、\S

任何非 Unicode 空白符的字符，注意 \w 和 \S 不同

10、\d

任何 ASCII 数字，等价于 [0-9]

11、\D

除了 ASCII 数字之外的任何字符，等价于 [^0-9]

12、[\b]

退格直接量（特例）

示例：

// 字面量（这里举汉字的示例）
var pattern = /[\u4e00-\u9fa5]/;
// 构造函数
var pattern = new RegExp('[\u4e00-\u9fa5]');

六、正则表达式重复

1、

匹配前一项至少 n 次，但不能超过 m 次

2、

匹配前一项 n 次或者更多次

3、

匹配前一项 n 次

4、?

匹配前一项 0 次或者 1 次，也就是说前一项是可选的，等价于 {0, 1}

5、+

匹配前一项 1 次或多次，等价于{1, }

6、*

匹配前一项 0 次或多次，等价于{0, }

示例：

var str = 'aaab';
var pattern1 = /a+/;
console.log(pattern1.exec(str));    //"aaa"
var pattern2 = /a+?/;
console.log(pattern2.exec(str));    //"a"
var pattern3 = /a+b/;
console.log(pattern3.exec(str));    //"aaab"
var pattern4 = /a+?b/;
console.log(pattern4.exec(str));    //"aaab"

七、正则表达式选择、分组和引用

1、|

选择，匹配的是该符号左边的子表达式或右边的子表达式

2、(…)

组合，将几个项组合为一个单元，这个单元可通过 “*”、“+”、“?” 和 “|” 等符号加以修饰，而且可以记住和这个组相匹配的字符串以供此后的任何使用

3、(?: …)

只组合，把项组合到一个单元，但是不记忆与改组相匹配的字符

4、\n

和第 n 个分组第一次匹配的字符相匹配，组是圆括号中的子表达式（也有可能是嵌套的），组索引是从左到右的左括号数，“(?:” 形式的分组不编码

示例：

var str = 'abcd';
var pattern1 = /(ab)c/;
console.log(pattern1.exec(str));    //"abc", "ab"
var pattern2 = /(?:ab)c/;
console.log(pattern2.exec(str));    //"abc"
var pattern3 = /(ab)(c)/;
console.log(pattern3.exec(str));    //"abc", "ab", "c"
var pattern4 = /(a(b(c)))/;
console.log(pattern4.exec(str));    //"abc", "abc", "bc", "c"

var str = 'ab cd ab';
var pattern5 = /(ab) cd \1/;
console.log(pattern5.exec(str));    //"ab cd ab", "ab"

八、用于模式匹配的 String 方法

1、search()

它的参数是一个正则表达式，返回第一个与之匹配的子串的起始位置，如果没有匹配的子串就返回 -1
如果 search() 的参数不是正则表达式，则首先会通过 RegExp 构造函数将它转换为正则表达式
search() 不支持全局检索，因为它忽略修饰符 g

示例：

var str = 'html js js';
console.log(str.search('js'));       //5

var pattern = /js/g;
console.log(str.search(pattern));    //5

2、replace()

用来执行检索与替换
接收两个参数，第一个是正则表达式，第二个是要进行替换的字符串
正则表达式如果设置的修饰符 g，则进行全局替换，否则只替换匹配的第一个子串
如果第一个参数不是正则表达式，则直接搜索该字符串，而不是将其转换为正则表达式

示例：

var str = 'I love js js';
console.log(str.replace('js', 'html'));       //I love html js

var pattern = /js/g;
console.log(str.replace(pattern, 'html'));    //I love html html

3、match()

它的参数是一个正则表达式，如果不是则通过 RegExp 转换，返回的是一个由匹配结果组成的数组
如果设置了修饰符 g 则进行全局匹配

示例：

var str = 'js js js';

var pattern = /(j)s/;
console.log(str.match(pattern));    //"js", "j"

var pattern = /(j)s/g;
console.log(str.match(pattern));    //"js", "js", "js"

4、split()

这个方法用以将调用它的字符串拆分为一个子串组成的数组，使用的分隔符是 split() 的参数，它的参数也可以使一个正则表达式

示例：

var str = 'html,css,js';
console.log(str.split(','));        //"html", "css", "js"

var pattern = /,/g;
console.log(str.split(pattern));    //"html", "css", "js"

九、正则表达式 RegExp 对象的属性

1、source

只读字符串，包含正则表达式的文本

2、global

只读布尔值，用以说明这个正则表达式是否带有修饰符g

3、ignoreCase

只读布尔值，用以说明这个正则表达式是否带有修饰符i

4、multiline

只读布尔值，用以说明这个正则表达式是否带有修饰符m

示例：

var str = 'js js js';
var pattern = new RegExp('\\b', 'i');
console.log(pattern.ignoreCase);   //true
console.log(pattern.global);       //false
console.log(pattern.multiline);    //false
console.log(pattern.source);       //\b
console.log(pattern.lastIndex);    //0

5、lastIndex

可读可写的整数，如果匹配模式带有 g 修饰符，这个属性存储整个字符串中下一次检索的开始位置

示例：

var str = 'js js js';
var pattern = /js/;
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //0

var str = 'js js js';
var pattern = /js/g;
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //2
pattern.test(str);
console.log(pattern.lastIndex);    //5
pattern.test(str);
console.log(pattern.lastIndex);    //8
pattern.test(str);
console.log(pattern.lastIndex);    //0
pattern.test(str);
console.log(pattern.lastIndex);    //2

十、正则表达式 RegExp 对象的方法

1、exec()

参数是一个字符串，功能与 match() 相似
exec() 方法对一个指定的字符串执行一个正则表达式，也就是在一个字符串中执行匹配检索
如果没有找到任何匹配就返回 null，找到了匹配就返回一个数组，这个数组的第一个元素包含的是与正则表达式相匹配的字符串，余下的元素是与圆括号内的子表达式相匹配的子串，不论正则表达式是否有修饰符 g，都会返回一样的数组
当调用 exec() 的正则表达式对象具有修饰符 g 时，它将把当前正则表达式对象的 lastIndex 属性设置为紧挨着匹配子串的字符位置
当同一个正则表达式第二次调用 exec()时，它将从 lastIndex 属性所指示的字符串处开始检索，如果 exec() 没有发现任何匹配结果，它会将 lastIndex 重置为0

示例：

var str = 'I love js';
var pattern = /js/;
console.log(pattern.exec(str));     //"js"

2、test()

参数是一个字符串，用 test() 对某个字符串进行检查，如果包含正则表达式的一个匹配结果，则返回 true 否则返回 false

示例：

var str = 'I love js';
var pattern = /js/;
console.log(pattern.test(str));     //true

十一、常见的正则表达式

1、姓名

/^[\u4e00-\u9fa5]{2,4}$/

2、身份证号

/^\d{17}[0-9x]$/

3、邮箱

/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/

4、手机号

/^\d{11}$/