1.\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
这些都是正则表达式中的符号。
\d表示匹配字符串中的第一次出现的一个数字，举例：
加上
g把字符串中所有的数字匹配出来。
\w表示匹配字符串中的第一次出现的一个单词（包括字母、数字和下划线），举例：
加上
g把字符串中所有的单词匹配出来。
\s表示匹配字符串中的第一次出现的一个空字符。
加上
g把字符串中所有的空格匹配出来。
[a-zA-Z0-9]匹配大小写a到z和数字0到9中的任意一个字符。
加上
g把字符串中所有的满足上述条件的匹配出来。
\b用于单词开头或结尾的匹配。一般字符前面没有字符或者是空格，可以被匹配成单词的开头。后面没有字符或者是空格，可以被匹配成单词的结尾。举例:
用
\w只匹配到一个字符。.匹配任意一个字符,除了换行和行结束符。
加上
g把字符串中所有的字符匹配出来。
*用法：n*匹配0个或者多个同样的字符n。举例：
+用法：n+匹配至少含一个n的任何字符。
?用法：n?匹配含0个或1个n的字符。
x{3}匹配3个连续的同样类型的或者同样的字符。
^$用法m^n$匹配以m开头,n结尾的字符串。
2.贪婪模式和非贪婪模式指什么?
贪婪模式是指正则匹配时最大可能匹配，匹配到下一个字符不满足匹配规则为止。
非贪婪模式是匹配到满足规则的即可，不再深究。
可以看到，浏览器默认贪婪模式，匹配到下一个字符不是b时才停止。加一个
?变为非贪婪模式，匹配到ab就可以。
代码
1.写一个函数trim(str)，去除字符串两边的空白字符
function trim(str){
return str.match(/\S+.+\S/);
}
结果：
2.使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
代码：
var cls;
var reg=new RegExp('(\\s|^)'+cls+'(\\b|$)','g');
function hasClass(el,cls){
return reg.test(el.className);
}
function addClass(el,cls){
if(reg.test(el.className)){
el.classname=" "+cls;
return el.className;
}
}
function removeClass(el,cls){
if(reg.test(el.className)){
el.className= el.className.replace(reg, ' ');
return el.className;
}
}
3.写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
if(str.search(/^\w+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+/)>-1) return str+"是邮箱";
return str+"不是邮箱";
}
结果：
4.写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
if(str.search(/^1[0-9]{10}$/)>-1) return str+"是手机号";
return str+"不是手机号";
}
结果：
5.写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isValidUsername(str){
if(str.search(/^\w{6,20}$/)>-1) return str+"是合法的用户名";
return str+"不是合法的用户名";
}
结果：
6.写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）
代码：
function isValidPassword(str){
if(str.search(/^\w{6,20}$/)>-1) {
if (str.search(/^[0-9]{6,20}$/)<0&&str.search(/^[a-z]{6,20}$/)<0&&str.search(/^[A-Z]{6,20}$/)<0&&str.search(/^[_]{6,20}$/)<0) return str+"是合法密码";
}
return str+"不是合法密码";
}
结果：
7.写一个正则表达式，得到如下字符串里所有的颜色（#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 =/#\w{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad- colors: f#fddee #fd2 "
alert( subj.match(re) ) // #121212,#AA00ef
结果：
8.下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
代码：
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat);
结果：
9.补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
1.贪婪模式:
代码：
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re =/<[^>]*>/g;
str.match(re);
结果：
2.非贪婪模式
代码：
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re =/<[\s\S]*?>/g;
str.match(re);
结果：
10.补全如下正则表达式
var re = /* your regexp */
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
代码：
var re =/<[^>]+>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
结果：
本文版权归本人和饥人谷所有，转载请注明出处
