\d,\w,\s,[a-zA-Z0-9],\b,.,,+,?,x{3},^$分别是什么?*
\d:匹配数字
\w:匹配数字字母下划线
\s:匹配一个空白字符
[a-zA-Z0-9]:匹配a到z的26个字母的大小写,0到9的所有数字
\b:退格符(BackSpace)
.:匹配除换行符之外的任何一个字符
:匹配前面的子表达式零次或多次。如ab可以匹配"a"及"abbb",但不能匹配"bbb",等价于{0,}
+:匹配前面的子表达式一次或多次。如"ab+可以匹配"ab"及"abbb",但不能匹配"a"及"bbb",等价于{1,}
?:匹配前面的子表达式零次或一次。如ab?可以匹配"a"及"ab",等价于{0,1}
x{3}:匹配包含x的三个序列的字符串
^n:匹配任何以n开头的字符串
n&:匹配任何以n结尾的字符串
贪婪模式和非贪婪模式指什么
贪婪模式是指整个表达式被匹配成功的情况下,尽可能多的匹配,而非贪婪模式指的是尽可能少的匹配
属于贪婪模式的量词,也叫做匹配优先量词,包括:
“{m,n}”、“{m,}”、“?”、“”和“+”。
在匹配优先量词后加上“?”,即变成属于非贪婪模式的量词,也叫做忽略优先量词,包括:
“{m,n}?”、“{m,}?”、“??”、“?”和“+?”。
代码题
写一个函数trim(str),去除字符串两边的空白字符
function trim(str){
return str.replace(/(^\s)|(\s$)/g,'');
}
实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls),使用正则
function hasClass(el,cls){
var reg = new RegExp('(\\s|^)' + cls +'(//b|$)','g');
return reg.test(el.className);
}
function addClass(el,cls){
if(!hasClass(el,cls)){
return el.className+' '+cls;
}
}
function removeClass(el,cls){
if(hasClass(el,cls)){
var reg = new RegExg('(\\s|^)' + cls +'(//b|$)','g');
return el.className.replace(reg,'');
}
}
写一个函数isEmail(str),判断用户输入的是不是邮箱
function isEmail(str){
var reg = /^\S+@\S+\.com$/;
return reg.test(str);
}
写一个函数isPhoneNum(str),判断用户输入的是不是手机号
function isPhoneNum(str){
var reg = /1[1-9]\d{9}/;
return reg.test(str);
}
写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)
function isValidUsername(str){
var reg = /\w{6,20}/;
return reg.test(str);
}
写一个函数isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,包括大写字母、小写字母、数字、下划线至少两种)
function isValidPassword(str){
var reg = /\w{6,20}/;
var i = 0;
if(reg.test(str)){
if(/[A-Z]/.test(str)){i++;}
if(/[a-z]/.test(str)){i++;}
if(/[0-9]/.test(str)){i++;}
if(/'_'/.test(str)){i++;}
if(i>=2){
return true;
}else{
return false;
}
}
}
写一个正则表达式,得到如下字符串里所有的颜色(#121212)
var re = /*正则...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert( subj.match(re) ) // #121212,#AA00ef
var re = /#([A-Za-z0-9]){6}/g;
下面代码输出什么? 为什么? 改写代码,让其输出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
console.log(str.match(pat));
//输出``"hunger", hello "world"``,因为正则默认采取贪婪模式,在匹配到"hunger"和"world"后,默认也会匹配到hello
var pat = /".*?"/g;
//在后面加上"?"转换成非贪婪模式
var pat = /"[^"]+"/g;
补全如下正则表达式,输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--[\W\w]*?-->/g;//非贪婪模式,这里的[\w\W]不能使用"."代替,因为包含有换行,而"."不包含换行和行结束符
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--[^>]*-->/g;//贪婪模式
补全如下正则表达式
var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'