正则表达式非常有用,查找、匹配、处理字符串、替换和转换字符串,输入输出等。
常用的正则字符
\
:将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。^
:匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,那么^也匹配'n'或'r'之后的位置。$
:匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,那么$也匹配'n'或'r'之后的位置。*
:匹配前面的子表达式0次或多次。例如:zo能匹配"z"以及"zoo"。等价于{0,}+
:匹配前面的子表达式1次或多次。例如:zo+能匹配"zo"以及"zoo",但不能匹配"z"。等价于{1,}?
:匹配前面的子表达式0次或1次。例如:do(es)?可以匹配"do"或"does"中的"do"。等价于{0,1}{n}
:n是一个非负整数。匹配确定的n次。例如:o{2}不能匹配"Bob"中的"o",但是能匹配"food"中的"oo"。{n,}
:n是一个非负整数。至少匹配n次。例如,o{2,}不能匹配"Bob"中的"o",但能匹配"foooooood"中的所有o。"o{1,}"等价于"o+","o{0,}"等价于"o*"。{n,m}
:m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。?
:当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串 "oooo",'o+?' 将匹配单个 "o",而 'o+' 将匹配所有 'o'。.
:匹配除 "n" 之外的任何单个字符。要匹配包括 'n' 在内的任何字符,请使用象 '[.\n]' 的模式。(pattern)
:匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,在VBScript 中使用 SubMatches 集合,在JScript 中则使用9 属性。要匹配圆括号字符,请使用 '(' 或 ')'。(?:pattern)
:匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如, 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式(进行的匹配是占据查询长度)。(?=pattern)
:正向预查,在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如,'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ,但不能匹配 "Windows 3.1" 中的 "Windows"。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始(进行的匹配是不占查询长度的)。(?!pattern)
:负向预查,在任何不匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows",但不能匹配 "Windows 2000" 中的 "Windows"。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始x|y
:匹配 x 或 y。例如,'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。[xyz]
:字符集合。匹配所包含的任意一个字符。例如, '[abc]' 可以匹配 "plain" 中的 'a'。[^xyz]
:负值字符集合。匹配未包含的任意字符。例如, '1' 可以匹配 "plain" 中的'p'。[a-z]
:字符范围。匹配指定范围内的任意字符。例如,'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。[^a-z]
:负值字符范围。匹配任何不在指定范围内的任意字符。例如,'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。\b
:匹配一个单词边界,也就是指单词和空格间的位置。例如, 'er\b' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。\B
:匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er',但不能匹配 "never" 中的 'er'。\cx
:匹配由 x 指明的控制字符。例如, '\cM' 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 'c' 字符。\d
:匹配一个数字字符。等价于 [0-9]。\D
:匹配一个非数字字符。\f
:匹配一个换页符。等价于 x0c 和 cL。\n
:匹配一个换行符。等价于 x0a 和 cJ。\r
:匹配一个回车符。等价于 x0d 和 cM。\s
:匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。\S
:匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。\t
:匹配一个制表符。等价于 x09 和 cI。\v
:匹配一个垂直制表符。等价于 x0b 和 cK。\w
:匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。\W
:匹配任何非单词字符。等价于 '5'。\xn
:匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如,'x41' 匹配 "A"。'x041' 则等价于 'x04' & "1"。正则表达式中可以使用 ASCII 编码。\num
:匹配 num,其中 num 是一个正整数。对所获取的匹配的引用。例如,'(.)1' 匹配两个连续的相同字符。\n
:标识一个八进制转义值或一个向后引用。如果 n 之前至少 n 个获取的子表达式,则 n 为向后引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。\nm
:标识一个八进制转义值或一个向后引用。如果 nm 之前至少有 nm 个获得子表达式,则 nm 为向后引用。如果 nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 nm 将匹配八进制转义值 nm。\nml
:如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。
RegExp类型
ECMAScript通过RegExp类型支持正则表达式,如下:
var expression = /pattern/flags
;
其中的模式(pattern)部分可以是任何简单或者复杂的正则表达式,可以包含字符类、限定类、分组、向前查找以及反向引用。每个正则表达式可带有一个或者多个标注(flags),用以标明正则表达式的行为。有三个以下标志:
-
g
:表示全局模式,即模式将被应用到所有字符串,而非在发现第一个匹配项时立即停止。 -
i
: 、表示不区分大小写模式。 -
m
:表示多行模式,即在到达一行文本末尾时还在继续查找下一行中是否存在于模式匹配的项。
正则表达式定义方式
正则表达式定义方法
- 以字面量的形式来定义正则表达式
例如:匹配第一个bat或者cat,不区分大小写。
var pattern = /[bc]/ati;
- 使用RegExp构造函数
它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义,还是以刚才上面的例子为例:
var pattern = new RegExp("[bc]at","i");
需要注意的是,RegExp构造函数模式参数是字符串,所以在某些情况下要对字符进行双重转义。所有元字符都必须双重转义,如字面量模式为/[bc]at/,那么等价的字符串为"/\[ba\]at/"。
查看所有元字符参考:JavaScript RegExp对象
例子:
var re = null;
var i;
for (i=0; i < 10; i++) {
re = /cat/g;
console.log(re.test("catastrophe"));
} // 输出10次true
for (i=0; i < 10; i++) {
re = new RegExp("cat","g");
console.log(re.test("catastrophe"));
} // 输出10次true
- 扩展:正则表达式中的RegExp.1是RegExp的一个属性,指的是与正则表达式匹配的第一个子匹配(以括号为标志)字符串,以此类推,RegExp.3等等。
例如:
var r = /^(\d{4})-(\d{1,2})-(\d{1,2})$/; // 正则表达式,匹配出生日期(简单匹配)
r.exec('1985-10-15');
s1 = RegExp.$1;
s2 = RegExp.$2;
s3 = RegExp.$3;
console.log(s1 + ' ' + s2 + ' ' + s3); // 结果为1985 10 15
正则表达式方法
- RegExp对象的exec()方法
该方法是专门为捕获组设计的,其接收一个参数,即要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null。返回的数组虽然是Array的实例,但是包含两个额外的属性:index和input。其中index表示匹配项在字符串中的位置,而input表示应用字符串表达式的字符串。比如下面的例子:
var text = "mom and dad and baby";
var pattern = /mom( and dad( and baby)?)?/gi;
var matched = pattern.exec(text);
console.log(matched);
结果如下:
对于exec()方法而言,即使在模式中设置了全局标志g,它每次也只是返回一个匹配项。在不设置全局标志的情况下,在同一个字符串上多次调用exec()方法始终返回第一个匹配项信息。而在设置全局标志的情况下,每次调用exec()则都会在字符串中继续查找新匹配项,如下例子:
var text = "cat, bat, sat, fat";
var pattern1 = /.at/;
var matches = pattern1.exec(text);
console.log(matches.index); //0
console.log(matches[0]); //cat
console.log(pattern1.lastIndex); //0
matches = pattern1.exec(text);
console.log(matches.index); //0
console.log(matches[0]); //cat
console.log(pattern1.lastIndex); //0
var pattern2 = /.at/g;
var matches = pattern2.exec(text);
console.log(matches.index); //0
console.log(matches[0]); //cat
console.log(pattern2.lastIndex); //3
var matches = pattern2.exec(text);
console.log(matches.index); //5
console.log(matches[0]); //bat
console.log(pattern2.lastIndex); //8
注意:IE的JS实现lastIndex属性上存在偏差,即使在非全局模式下,lastIndex属性每次也都在变化。
- test()方法
正则表达式常用方法test(),它接收一个字符串参数。在模式与该参数匹配的情况下返回true,否则返回false。用法:正则.test(字符串)
实例一:判断是否是数字
var str = '468d7415163';
var re = /\D/; // \D代表非数字
if (re.test(str)) { // 返回true,代表在字符串中找到了非数字
alert('不全是数字');
}else {
alert('全是数字');
}
实例二:
var text = '000-00-0000';
var pattern = /\d{3}-\d{2}-\d{4}/;
if (pattern.test(text)) {
console.log('the pattern was matched.');
}
- search()方法
在字符串搜索符合正则的内容,搜索到就返回出现的位置(从0开始,如果匹配的不只是一个字母,那只会返回第一个字母的位置),如果所搜失败就返回-1
用法:字符串.search(正则)
实例:在字符串中找到字母b,且不区分大小写。
var str = 'abcdef';
var re = /b/i;
console.log(str.search(re)); // 1
- match()方法
语法:
stringObject.match(searchvalue)
stringObject.match(regexp)
searchvalue:必需。规定要检索的字符串值。
regexp:必需。规定要匹配的模式的RegExp对象。如果该参数不是RegExp对象,则需要首先把它传递给RegExp构造函数,将其转换为RegExp对象。
如果regexp没有标志g,那么match()方法就只能在stringObject中执行一次匹配。如果没有找到任何匹配的文本,match()将返回null。否则,它将返回一个数组。
实例:
console.log("185dsa26sa1sda654sd1".match(/\d+/g));
console.log("185dsa26sa1sda654sd1".match(/\d+/));
其结果分别是两个如下的数组:
- replace方法
replace本身是JS字符串对象的一个方法,它允许接收两个参数:
replace([RegExp|String],[String|Function])
第一个参数可以是一个普通的字符串或是一个正则表达式;第二个参数可以是一个普通的字符串或是一个回调函数。
如果第二个参数是回调函数,每匹配到一个结果就回调一次,每次回调都会传递以下参数:
result:本次匹配到的结果
1,...9:正则表达式中有几个(),就会传递几个参数,1 9分别代表本次匹配中每个()提取的结果,最多9个
offset:记录本次匹配的开始位置
source:接受匹配的原始字符串
以下是replace和JS正则搭配使用的几个常见经典案例。
(1). 实现字符串的trim函数,去除字符串两边的空格
String.prototype.trim = function () {
// 方法一:将匹配到的每一个结果都有""替换
return this.replace(/(^\s+)|(\s+$)/g,function () {
return "";
});
// 方法二:和方法一的原理相同
// return this.replace(/(^s+)|(s+$)/g, '');
}
^s+表示以空格开头的连续空白字符串,s+$表示以空格结尾的连续空白字符串,加上()就是将匹配到的结果提取出来,由于是 | 的关系,因此这个表达式最多会match到两个结果,然后执行两次替换:
String.prototype.trim = function () {
/**
* @param rs:匹配结果
* @param $1:第1个()提取结果
* @param $2:第2个()提取结果
* @param offset:匹配开始位置
* @param source:原始字符串
*/
this.replace(/(^\s+)|(\s+$)/g,function (re,$1,$2,offset,source) {
// arguments中的每一个元素对应一个参数
console.log(arguments);
});
};
" abcdef ".trim();
输出结果:
(2) 提取浏览器url中的参数名和参数值,生成一个key/value的对象
function getUrlParamObj(){
var obj = {};
//获取url的参数部分
var params = window.location.search.substr(1);
//[^&=]+ 表示不含&或=的连续字符,加上()就是提取对应字符串
params.replace(/([^&=]+)=([^&=]*)/gi,function(rs,$1,$2){
obj[$1] = $2;
});
return obj;
}
/([&=]+)=([&=]*)/gi 每次匹配到的都是一个完整key/value,形如 xxxx=xxx, 每当匹配到一个这样的结果时就执行回调,并传递匹配到的key和value,对应到2
(3) 在字符串指定位置插入新字符串
String.prototype.insetAt = function (str,offset) {
// 使用RegExp()构造函数创建正则表达式
var regx = new RegExp("(.{"+offset+"})");
return this.replace(regx, "$1"+str);
};
"abcd".insetAt('xyz',2); // 在b和c之间插入xyz
// 结果"abxyzcd"
当offset=2时,正则表达式为:(^.{2}) .表示除\n之外的任意字符,后面加{2} 就是匹配以数字或字母组成的前两个连续字符,加()就会将匹配到的结果提取出来,然后通过replace将匹配到的结果替换为新的字符串,形如:结果=结果+str。
(4) 将手机号12988886666转化为129 8888 6666
function telFormat(tel) {
tel = String(tel);
// 方法一:
return tel.replace(/(\d{3})(\d{4})(\d{4})/,function (rs,$1,$2,$3) {
var telAfterFormat = $1 + " " + $2 + " " + $3;
console.log(telAfterFormat);
});
// 方法二:
var telAfterFormat = tel.replace(/(\d{3})(\d{4})(\d{4})/,"$1 $2 $3");
console.log(telAfterFormat);
}
telFormat(12988886666); // 129 8888 6666
(\d{3})(\d{4})(\d{4})可以匹配完整的手机号,并分别提取前3位、4-7位和8-11位,"2 $3"是在三个结果集中间加空格组成新的字符串,然后替换完整的手机号。
(5) replace()方法全局替换变量
简单替换字符:string.replace("a","b");
(把a替换成b)
全局替换字符:string.replace(/a/g,"b");
(全局把a替换成b)
但是如果是全局替换一个变量内容,如下,给一个号码中间加*号:
var phone = '15512345678';
var sliceNumber = phone.slice(3,phone.length-3);
var newPhone = phone.replace(new RegExp(sliceNumber,'g'),'****');
console.log(newPhone); // 155****678
常用实例
匹配第一个bat或者cat,不区分大小写: /[bc]at/i
或者 new RegExp("[bc]at","i")
;
匹配所有以"at"结尾的3个字符组合,不区分大小写:/.at/gi
;
只能输入数字:^[0-9]*$
;
只能输入n位的数字:^\d{n}$
只能输入至少n位的数字:^\d{n,}$
只能输入m~n位的数字:^\d{m,n}$
只能输入零和非零开头的数字:^(0|[1-9][0-9]*)$
只能输入有两位小数的正实数:^[0-9]+(.[0-9]{2})?$
只能输入有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$
只能输入非零的正整数:^\+?[1-9][0-9]*$
只能输入长度为3的字符:^.{3}$
只能输入由26个英文字母组成的字符串:^[A-Za-z]+$
只能输入由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$
只能输入由数字、26个英文字母或者下划线组成的字符串:^\w+$
验证用户密码:以字母开头,长度在6~18之间,只能包含字符、数字和下划线:^[a-zA-Z]\w{5,17}$
验证是否含有^%&',;=?\x22]+只能输入汉字:
^[\u4e00-\u9fa5]{0,}验证InternetURL:
^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]*)?验证IP地址:
^((2[0-4]\d|25[0-5]|[01]?\d\d?).){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/匹配 -90至90之间的整数(包括-90和90):
^(-?[1-8][0-9]|-?[1-9]|-?90|0)`
中文、全角、半角匹配:
str="中文;;a"
alert(str.match(/[\u0000-\u00ff]/g)) //半角
alert(str.match(/[\u4e00-\u9fa5]/g)) //中文
alert(str.match(/[\uff00-\uffff]/g)) //全角
找重复项最多的字符:
var str = 'assssjdssskssalsssdkjsssdss';
var arr = str.split(''); // 把字符串转换为数组
str = arr.sort().join(''); // 首先进行排序,这样结果会把相同的字符放在一起,然后再转换为字符串。
//console.log(str); // aadddjjkklsssssssssssssssss
var value = '';
var index = 0;
var re = /(\w)\1+/g; // 匹配字符,且重复着个字符,重复次数至少一次
str.replace(re,function ($0,$1) {
//console.log($0); // 代表每次匹配成功的结果: aa dd jj kk l sssssssssssssssss
//console.log($1); // 代表每次匹配成功的第一个子项,也就是\w:a d j k l s
if (index<$0.length) { // 如果index保存的值小于$0的长度就进行下面的操作
index = $0.length; // 这样index一直保存的就是最大的长度
value = $1; // value保存的是出现最多的这个字符
}
});
console.log('最多的字符:'+value+',重复的次数:'+index); // s 17
判断是不是QQ号:
//:放在正则的最开始位置,就代表起始的意思。注意/[a]/和/^[a]/是不一样的,前者是排除的意思,后者是代表首位。
//$:正则的最后位置,就代表结束的意思。
// qq号的规则:首位不能是0,必须是5-12位的数字
var aInput = document.getElementsByTagName('input');
var re = /^[1-9]\d{4,11}$/; // 为了防止出现123456abc这种类似情况,所以必须用$限制最后。首位是1-9,接着是4-11位的数字类型
aInput[1].onclick = function () {
if (re.test(aInput[0].value)) {
alert('是QQ号');
} else {
alert('不是QQ号');
}
};
常用的一些表单验证
匹配中文:[\u4e00-\u9fa5] //中文ACALL码的范围
行首行尾空格:^\s*|\s*$ //首行出现任意个空格或者尾行出现任意个空格(任意表示也可以没有空格)
Email:^\w+@[a-z0-9]+(\.[a-z]+){1,3}$
//起始至少为一个字符(\w字母,数字或者下划线),然后匹配@,接着为任意个字母或者数字,\.代表真正的点,.后面为至少一个的字符(a-z),同时这个(比如.com)整体为一个子项作为结束,可以出现1-3次。因为有的邮箱是这样的.cn.net。(xxxx.@qq.com xxxx.@163.com xxxx.@16.cn.net )
网址:[a-zA-z]+://[^\s]* http://......
//匹配不分大小写的任意字母,接着是//,后面是非空格的任意字符
邮政编码:[1-9]\d{5} //起始数字不能为0,然后是5个数字
身份证:[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x
常用的正则
以分号区分的IP检测:/^(((\s\d{1,3}.\d{1,3}.\d{1,3}.\d{1,3}\s[;;]{1}\s))((\s\d{1,3}.\d{1,3}.\d{1,3}.\d{1,3}\s)))/
常见问题
1. 正则表达式中?=和?:的区别到底在哪里?
var result1 = "123456789".replace(/(\d{3})(?:[^$])/g, "$1,");
console.log(result1); //123,567,9
var result2 = "123$456789".replace(/(\d{3})(?:[^$])/g, "$1,");
console.log(result2); //123$567,9
var result3 = "123456789".replace(/(\d{3})(?=[^$])/g, "$1,");
console.log(result3); //123,456,789
解释:()表示捕获型括号,(?:)表示非捕获型括号。\d{3}表示连续三个数字,[^符号。
1.(?=pattern)表示正向预查,预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始(进行的匹配是不占查询长度)。
2.(?!pattern)表示负向预查,预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始(也说明进行的匹配占据查询长度)。
3.(?:pattern)表示匹配pattern,但不存储匹配结果,也即是不会存放到诸如$1这样的结果中,但进行了匹配,下次匹配搜索是从该pattern之后,如下代码可以进行验证:
var result1 = "123456789".replace(/(\d{3})(?:[^$])/g, function(result,$1,offset,source){
console.log(result,$1,offset,source)
//结果如下:
//1234 123 0 123456789
//5678 567 4 123456789
return $1+',';
});
console.log(result1); //123,567,9
再看一个实例,如下:例如,我们通过一个函数把一个 number 类型的数字转换成一个字符串,并且每三位给他加上一个 ',';1999 -> 1,999
代码如下:
function groupByCommas(n) {
return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")
}
console.log(groupByCommas(1234567)); // 1,234,567