正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)
语法
/正则表达式主体/修饰符(可选)
正则的第一种写法
var reg=new RegExp('a');
var str='abcdefg';
alert(reg.test(str)); //返回bool值,代表是否匹配成功
正则表达式的第二种写法
perl风格 古老的语言
var re = /a/
var str='abcdefg';
re.test(str);
[ ] 中括号:匹配其中的某一个字符
var str = prompt();
var reg = /[abcde]/;//匹配是否有abcde中的字符
console.log(reg.test(str));
[ a-z ] 匹配所有小写字母
[0-9] == \d 匹配任意一个数字( )
小括号:分组:小括号里面的内容作为整体进行匹配
小括号用于分组,竖线作为间隔代表“或者”的含义
/(ab) | (cd)/ 匹配'ab' 或者 'cd'
/(a|b)cd/ 匹配 'acd' 或者 'bcd'
注意:小括号、竖线不要放在 [ ] 内(无意义)
| : 或,跟js中的(||)一样
^:排除(除了) 类似js中的(!)
^ (不在中括号里)匹配字符串开头
$ 匹配结尾
var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
/^$/这样的正则代表完整匹配
转义字符:元字符
\d ---- [0-9] 数字
\w -----[a-z0-9_A-Z] 数字,字母,下划线
\s --- 空白字符
\D -----[^0-9] 非数字
\W -----[^a-z0-9_] 非数字,字母,下划线
\ S -----非空白字符
. -----全部字符
b -----匹配单词边界
\B -----匹配 非 单词边界
\0(数字0) -----匹配 NUL 字符
\n -----匹配 换行符
\f -----匹配 换页符
\r -----匹配 回车符
\t -----匹配 制表符
\v -----匹配 垂直制表符
\u4e00 - \u9fa5 验证中文
量词:(单位名称)
{n} ---匹配n次
{n,m} ---最少n次,最多m次;
QQ号验证 /^[1-9]\d{4,10}$/
{n,} ---最少n次,最多不限
+ == {1,}最少为一个
? {0,1} 可有可无,最多一个
* {0,} 可以有也可以没有,个数不限
/(ab|cd){2}/ 匹配字符串"ab" 或者 "cd" 的2次,或者abcd 结果为:abab cdcd abcd cdab
匹配大小写不一样的字母怎么办?
var re=new RegExp('a','i')
正则对象中有一个参数,可以传入对应的值,i 代表让正则不区分大小写;
i:忽略大小写
var re= /a/i
g:全局查找
reg = /\d+/ g
g: 代表全局所有 (global)
m: 多行查找(必须与g一起实用,并且,当使用^和$模式时才会起作用)
正则对象的方法:
test方法
该方法用来测试某个字符串是否与正则匹配,匹配就返回true,否则返回false
compile方法
该方法的作用是能够对正则表达式进行编译,被编译过的正则在使用的时候效率会更高,适合于对一个正则多次调用的情况下,如果对一个正则只使用一两次,那么该方法没有特别显著的效应
var reg=/[abc]/gi;
console.log(reg.test('a'));
reg=/[cde]/gi;
console.log(reg.test('a'));
reg.compile(reg);
console.log(reg.test('a'));
exec方法
返回的是一个数组,数组元素为匹配的子字符串
支持正则的字符串方法
search
查找第一次匹配的子字符串的位置,如果找到就返回一个number类型的index值,否则返回-1
replace
该方法用来将字符串中的某些子串替换为需要的内容,接受两个参数,第一个参数可以为正则或者子字符串,表示匹配需要被替换的内容,第二个参数为被替换的新的子字符串
split
将一个字符串拆分成一个数组,它接受一个正则或者子字符(串)作为参数,返回一个数组
match
接受一个正则作为参数,用来匹配一个字符串,返回一个数组
例子:
<script>
var reg = new RegExp("b");//写法1
var str = prompt();
var reg = /b/;// 写法2 匹配是否存在b
var reg = /[abcde]/;//匹配是否有abcde中的字符
var reg = /[a-z]/;//匹配所有小写字母
var reg = /(ab)|(cd)/;//ab 或 cd
var reg = /(a|b)cd/;//acd 或bcd
var reg = /[^a-z]/;//不能有小写字母
var reg = /^[a-z]/;//小写字母开头
var reg = /^[a-z]$/;//小写字母 开头并且小写字母结尾,中间不能有字符(完整匹配)
var reg = /\d/;//匹配0-9的数字[0-9];
var reg = /./;//匹配所有字符
var reg = /\./;//转义字符z
var reg = /\d{6}/;//6个数字(超过也为true)
var reg = /a\d{6,8}a/;//六到8个数字,前后做好限定,否则会自动过滤掉多余的数字
var reg = /^[1-9]\d{4,10}$/;//5-11位,完整匹配
var reg = /\w/;//-[a-z0-9_A-Z] 数字,字母,下划线
var reg = /\s/;//空格
var reg = /\D/;//不为数字
var reg = /^\d+.{3,}$/;// 必须以数字开头,数量一个以上,紧接着任意字符至少三个,并以之结尾
var reg = /^\d?$/;//以数字开头 一个数字或者没有 {0,1} 可有可无,最多一个
var reg = /^\d*$/;//{0,} 可以有也可以没有,个数不限
var reg = /zhangsan/i;//i:忽略大小写
var reg = /\d+/g;//g: 代表全局所有 (global)
console.log(reg.test(str));
</script>
案例1:密码强度
<input type="text" id="pwd"/>
<button>登录</button>
<script>
var input = document.querySelector("#pwd");
var numReg = /\d+/;
//var letterReg = /^[a-zA-Z]$/;
var letterReg = /[a-z]+/i;
var charReg = /[^0-9a-z]+/i;
//存储三个正则的验证结果
document.querySelector("button").onclick = function(){
var arr = [];
var pwd = input.value;
arr.push(numReg.test(pwd));
arr.push(letterReg.test(pwd));
arr.push(charReg.test(pwd));
console.log(arr);
var arr1 = arr.filter(function(item){
return item;
})
if(arr1.length === 1) alert("弱");
else if(arr1.length === 2) alert("中");
if(arr1.length === 3) alert("强");
}
</script>
附:扩展正则案例
只能用数字开头,长度在6--18位之间 /^\d.{5,17}$/
以字母开头,数字结尾,中间任意一个字符 /^[a-z].\d$/i
密码不能少于6位的字符 /^.{6,}$/
以a开头 b字符至少出现2个,至多出现6个(b连续出现) /^a.*b{2,6}/
变量的命名正则表达式(不能用数字开头 由字母、数字、下划线 、][\w/
开头为0的2或者三位数字加上 - 开头为非零的八位数字结尾是1到4位的分机号
/^0\d{2,3}-[1-9]\d{7}-\d{1,4}$/