\d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$ 分别是什么?
\d 匹配任意数字0-9，相当于[0-9];
\w 匹配单词字母数字和下划线，相当于[a-zA-Z0-9_];
\s 匹配任何Unicode空白符(制表符，换行符，换页符，回车符)，[/t/n/f/r];
[a-zA-Z0-9] 匹配任意小写字母a-z,大写字母A-Z和数字0-9；
/b 单词边界，在字符集中时退格符；
. 匹配换行符和回车符之外的任意字符;
* 匹配前一项零次或多次,{0,};
+ 匹配前一项一次或多次,{1,};
? 匹配前一项零次或一次,{0,1};
x{3} 匹配x三次;
^ 匹配字符串的开头;
$ 匹配字符串的结尾;
贪婪模式和非贪婪模式指的是什么?
贪婪模式：匹配重复字符是尽可能多的匹配，而且允许后续的正则表达式继续匹配;
非贪婪模式： 匹配重复字符是尽可能少的匹配,在待匹配的字符后面跟随一个问号;
代码
写一个trim(str),去除字符串两边的空白字符
function trim(str){
var reg = /^\s+|\s+$/g;
return str.replace(reg, '');
}
console.log(trim(" aaa "));
使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el, cls)，使用正则
function hasClass(el, cls){
var reg = new RegExp('(\\s|^)'+ cls +'(\\s|$)','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 RegExp('(\\s|^)'+ cls +'(\\s|$)');
return el.className.replace(reg,'');
}
}
写一个函数idEmail(str),判断用户输入的是不是邮箱
function idEmail(str){
var reg = /^[\w_]+@\w+\.\w+$/;
return reg.test(str);
}
console.log(idEmail("874177815@qq.com")); //true
console.log(idEmail("ran@outlook.com")); //true
console.log(idEmail("ra!n@outlook.com")); //false
写一个函数isPhoneNum(str)判断用户输入的是不是手机号
function isPhoneNum(str){
var reg = /^1\d{10}$/;
return reg.test(str);
}
console.log(isPhoneNum(13895463522)); //true
console.log(isPhoneNum(123456789)); //false
写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名（长度6-20个字符，包括字母数字、下划线）
function isValidUsername(str){
var reg = /^\w{6,20}$/g;
return reg.test(str);
}
console.log(isValidUsername("asdf")); //false
console.log(isValidUsername('adfadf323141_23jljjjl')); //false
console.log(isValidUsername('asadada1221_1')); //true
写一个函数isValidPassword(str),判断用户输入的是不是合法密码（长度6-20字符，包括大写字母，小写字母，下划线至少两种
function isValidPassword(str){
var reg = /^[a-zA-Z_0-9]{6,20}$/;
var a = 0;
if (reg.test(str)) {
if (/\d/.test(str)){ a++;}
if (/[a-z]/.test(str)){ a++;}
if (/[A-Z]/.test(str)){ a++;}
if (/[_]/.test(str)){ a++;}
}
if (a>1) {
return true;
}else {
return false;
}
}
console.log(isValidPassword('asd123ASD__ad')); //true
console.log(isValidPassword('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa')); //false
console.log(isValidPassword('aaaaaaaaa')); //false
console.log(isValidPassword('111111111')); //false
console.log(isValidPassword('aaaaaaaAAAAAA')); //true
写一个正则表达式，得到如下字符串里所有的颜色（#121212）
var reg = /#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log( subj.match(reg));
下面代码输出什么? 为什么? 改写代码，让其输出hunger, world
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
console.log(str.match(pat));
输出："hunger" , hello "world" 贪婪模式尽可能多的匹配。
非贪婪模式：
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
console.log(str.match(pat));
或者
var str = 'hello "hunger" , hello "world"';
var pat = /"[a-z]+"/g
console.log(str.match(pat));
补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
var str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
var re = /<!--[^>]*-->/g; //贪婪模式
var re = /<!--[\w\W]*?-->/g; //非贪婪模式
str.match(re); // '<!-- My -- comment \n test -->', '<!---->'
补全如下正则表达式
var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re)
