JavaScript RegExp
1. 创建实例
var regexp = new RegExp(/^a*$/);
regexp.test('aaaa'); // true
regexp.test('a'); // true
regexp.test('a1'); // false
上面这个例子创建了一个规则为从开头到结尾必须是任意个a
正则表达式。
test
方法可以用来校验某个字符串能否使用这个正则表达式匹配到目标。
如果不想传递字面量,也可以传递一个正则表达式字符串,这个时候不需要使用 /
包裹,而字面量是需要 /
包裹的。
var regexp = new RegExp('^a*$'); // 不需要使用 / 将表达式包裹起来
regexp.test('aaaa'); // true
regexp.test('a'); // true
regexp.test('a1'); // false
这样创建出来的和传递正则表达式字面量的效果一样。
传递字符串的时候还能传递第二个参数,作为正则表达式的符号,部分文献也称其为描述符。
var regexp1 = new RegExp('^a*$', 'i');
var regexp2 = new RegExp('^a*$');
var str = 'AAAAA';
console.log(regexp1.test(str)); // 输出:true
console.log(regexp2.test(str)); // 输出:false
符号 i
表示忽略大小写,所以 regexp2
无法在 str
中匹配到值。
如果需要多个符号,则将多个符号放在一起作为字符串即可。
var regexp = new RegExp('^a*$', 'igm');
2. 字面量
正则表达式的字面量使用一对 /
进行包裹。
var regexp = /^a&/;
这里不需要引号进行包裹,使用引号就变成了字符串。
如果需要加入符号,则跟在末尾即可。
var regexp1 = /^a*$/g;
var regexp2 = /^a*$/ig;
3. 符号
在 ES6 之前,有三种符号。
-
g
全局匹配,找到所有匹配,而不是在第一个匹配后停止
var regexp1 = /a/g;
var regexp2 = /a/;
var str = 'abcdeabcde';
console.log(str.match(regexp1)); // 匹配到两个 a
console.log(str.match(regexp2)); // 只匹配到一个,并返回相应信息
可以看到,regexp1
能匹配到两个 a。
-
i
忽略大小写
var regexp1 = /apple/i;
var regexp2 = /apple/;
var str = 'AN APPLE A DAY KEEPS THE DOCTOR AWAY.';
console.log(str.match(regexp1)); // 可以找到一个
console.log(str.match(regexp2)); // 找不到 输出:null
regexp2没有忽略大小写,所以是无法匹配到 apple
的。
-
m
多行匹配
多行匹配模式下,开头和末尾就不是整个字符串的开头和末尾了,而是一行的开头和末尾。
目前 ES6 提供了三种新的描述符,分别为 u(Unicode 模式),y(粘连模式),s(dotAll 模式)。
4. 常用的正则表达式汇总
正则表达式不一定通用,可能需要结合业务的实际场景来做调整。
4.1 URL
/(http[s]?:\/\/)?[^\s(["<,>]*\.[^\s[",><]*/
4.2 纯数字
/^[0-9]*$/
4.3 邮箱
/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
4.4 中文与全角符号
/[\u3000-\u301e\ufe10-\ufe19\ufe30-\ufe44\ufe50-\ufe6b\uff01-\uffee]/
4.5 身份证(不验证是否合法)
/\d{15}(\d\d[0-9xX])?/
4.6 仅包含英文字母的字符串
/^[A-Za-z]+$/
4.7 正整数
/^\d+$/
4.8 负整数
/^((-\d+)|(0+))$/
4.9 数字(正负数、小数)
/^(\-|\+)?\d+(\.\d+)?$/
4.10 IPv4
/^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/