正则表达式
1.\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
| 正则表达式符号 | 含义 |
|---|---|
| \d | 匹配任意数字 |
| \w | 匹配任意字母，数字，下划线 |
| \s | 匹配空白符，包括“空格”，“ Tab”，换行符合中文全角空格 |
| [a-zA-Z0-9] | 匹配任意字母或数字 |
| \b | 断言字符串边界 |
| . | 匹配除了回车符和换位符外的所有符号 |
| * | 重复前面字符0次或者任意次 |
| + | 重复前面字符至少一次 |
| ? | 重复前面的字符之多一次 |
| x{3} | 匹配这样的字符串——重复x3次 |
| ^ | 断言字符串开头的正则 |
| $ | 断言字符串结尾的正则 |
2. 贪婪模式和非贪婪模式指什么?
贪婪模式：如字面意思，贪婪，表示尽可能多地匹配字符。
非贪婪模式：表示尽可能少地匹配字符。
3.代码
- 使用实现
addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
// function hasClass (ele, cls){
// var a = !!ele.className.match(new RegExp('\\b'+cls+'\\b'));//双感叹号强行转换为布尔型！！
// return a;
// }
function hasClass(el,cls){
var className = el.className;
var reg = /\b'+cls+'\b/g;//new RegExp('\\b'+cls+'\\b','g')///
return reg.test(className);
}
function addClass(el,cls){
if(hasClass(el,cls)){
return cls + 'is already existed';
}else{
el.className = el.className + 'cls';
return el.className;
}
}
function remoteClass(el,cls){
if(hasClass(el,cls)){
var re = /\bcls\b/g;
el.className = el.className.replace(re,'');
}else{
return cls + 'is not existed'
}
}
- 写一个函数isEmail(str)，判断用户输入的是不是邮箱?
function isEmail(str){
var reg = /^[0-9a-zA-Z]\w+@[0-9a-zA-Z]+\.com$/g;
return reg.test(str);
}
isEmail('EdwardYeeCheng@gmail.com');/true
- 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号?
function isPhoneNum(str){
var reg = /^1[3-8]{1}\d{9}$/g;
return reg.test(str);
}
isPhoneNum('15625503720')//true
- 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）?
function isVaildUsername(str){
var reg = /^\w{6,20}$/g;
return reg.test(str);
}
isValidUsername('Kobe_Bryant')
true
isValidUsername('Kobe')
false
isValidUsername('123451234512345123451')
false
- 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）?
function isPassword(str){
if((/^\w{0,5}$|^\w{21,}$/g).test(str)){
return flase;
}else if((/^\d+$|^[A-Z]+$|^_+$|^[0-9]+$/g).str){
return flase;
}else {
return ture ;
}
}
6. 写一个正则表达式，得到如下字符串里所有的颜色（#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;
7. 下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
代码：
var pat = /".+?"/g;//非贪婪模式
var pat = /"[^"]+"/g //贪婪模式
8. 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
代码：
9. 补全如下正则表达式
var re = /* your regexp */
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
代码：
![%JDG0J1]~46FQAFQ1ZU]HAP.png](http://upload-images.jianshu.io/upload_images/2887484-35462cbd06109cf9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
[参考资料:阮一峰JS教程](http://javascript.ruanyifeng.com/stdlib/regexp.html#toc12)
**版权归饥人谷peter和饥人谷所有，若有转载，请注明来源**
感谢瓜子观众
