1.\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
| 正则表达式 | 含义 |
|---|---|
| \d | 匹配任意的数字 |
| \w | 匹配任意的字母、数字或下划线 |
| \s | 匹配空白符，包括空格、tab符、换行符合中文全角空格 |
| [a-zA-Z0-9] | 匹配任意的字母或数字 |
| \b | 断言字符串的边界 |
| . | 匹配除回车符和换行符以外的字符 |
| * | 重复前面的正则0次或任意次 |
| + | 重复前面的正则至少1次 |
| ？ | 重复前面的正则至多1次 |
| x{3} | 匹配这样的字符串——重复x3次 |
| ^ | 断言字符串开始的正则 |
| $ | 断言字符串结尾的正则 |
2.贪婪模式和非贪婪模式指什么?
贪婪模式：在符合正则表达式前提下，匹配尽可能多的字符
懒惰模式：在符合正则表达式前提下，匹配尽可能少的字符
3.写一个函数trim(str)，去除字符串两边的空白字符
function trim(str){
return str.replace(/^\s+|\s+$/g,'');
}
var str2 = trim(' hello world! ')
console.log(str2)//'hello world'
4.使用实现 addClass(el, cls)、hasClass(el,cls)removeClass(el,cls)，使用正则
//html代码
<body id= 'test' class= 'book read'></body>
//js代码
var test = document.getElementById('test')
function hasClass(el,cls){
var className = el.className;
var reg = new RegExp('\\b'+cls+'\\b','g')
return reg.test(className)
}
console.log(hasClass(test,'book'))//true
console.log(hasClass(test,'diff'))//false
function addClass(el,cls){
var className = el.className;
if(hasClass(el,cls)){
console.log(cls+' is already existed')
}else {
className += ' '+cls;
el.className = className;
console.log(el.className)
}
}
addClass(test,'book')//"book is already existed"
addClass(test,'happy')//"book read happy"
function removeClass(el,cls){
var className = el.className;
if(!hasClass(el,cls)){
console.log(cls+' is not existed')
}else{
var reg = new RegExp('\\b'+cls+'\\b','g')
el.className = className.replace(reg,'')
console.log(el.className)
}
}
removeClass(test,'abc')//"abc is not existed"
removeClass(test,'book')//" read happy"
5.写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
var reg = /^[a-zA-Z]\w*@[0-9a-zA-Z]+\.[a-zA-Z]+/
console.log(reg.test(str));
}
isEmail('terenceyeung@sina.com');/true
6.写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
var reg = /^0\d{2}[-]?\d{8}|^0\d{3}[-]?\d{7}|^1\d{10}/
console.log(reg.test(str))
}
isPhoneNum('020-80723000')//true
isPhoneNum('07518869865')//true
isPhoneNum('13832132341')//true
7.写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isValidUsername(str){
var reg = /^\w{6,20}$/g
console.log(reg.test(str))
}
isValidUsername('Kobe_Bryant')
isValidUsername('Kobe')
isValidUsername('123451234512345123451')
8.写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）
function isValidPassword(str){
if (/[\W*/.test(str)) {
console.log(false);
}else if (/\w{0,5}|\w{21,}/.test(str)) {
console.log(false)
}else if (/^\d+$|^[a-zA-Z]|^_+$/.test(str)) {
console.log(false)
}else {
console.log(true);}
}
9.写一个正则表达式，得到如下字符串里所有的颜色（#121212）
var re = /#[0-9a-fA-F]{6}/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log( subj.match(re) )
10.下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
console.log(str.match(pat));
//[""hunger",hello"world""]
//pat正则表达为匹配""当中的任意数量的字符，str字符串中，""
//之间为hunger",hello "world
//改写方案
var pat2 = /"[^"]*"/g
console.log(str.match(pat2))
11.补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
//1.懒惰模式
re = /<![\w|\W]*?>/g
//2.贪婪模式
re = /<![^<]+>/g
console.log(str.match(re))
12.补全如下正则表达式
var re = /<[a-zA-Z][^>]*>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
console.log(str.match(re))
