问答
\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
- \d 代表匹配数字
- \w 代表匹配单词字符（字母、数字、下划线）
- \s 代表匹配空白字符（空格、tab、换行、回车）
- [a-zA-Z0-9] 代表匹配小写字母a-z和大写字母A-Z和数字中的任意一种
- \b 代表匹配单词边界
- . 代表匹配任意字符，除换行和行结束符
- n+ 代表匹配任何包含至少一个n的字符串
- n* 代表匹配零个或多个n的字符串
- n? 代表匹配零个或一个n的字符串
- x{3} 代表匹配包含3个x序列的字符串
- ^n 代表匹配任何开头为n的字符串
- n$ 代表匹配任何结尾为n的字符串
贪婪模式和非贪婪模式指什么?
- 贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配
- 非贪婪模式在整个表达式匹配成功的前提下，尽可能少的匹配
- 属于贪婪模式的量词，也叫做匹配优先量词，包括：
“{m,n}”、“{m,}”、“？”、“*”和“+”
- 在匹配优先量词后加上“？”，即变成属于非贪婪模式的量词，也叫做忽略优先量词，包括：
“{m,n}?”、“{m,}?”、“？？”、“*？”和“+？”
- 从正则语法的角度来讲，被匹配 优先量词修饰的子表达式使用的就是贪婪模式，如“{expression}+”；被忽略优先量词修饰的子表达式使用的就是非贪婪模式，如“{expression}+?”
代码题
写一个函数trim(str)，去除字符串两边的空白符
function trim(str){
var re = /(^\s*)|(\s*$)/g;
return str.replace(re,'');
}
使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
function trim(str){
var re = /(^\s*)|(\s*$)/g;
return str.replace(re,'');
}
function hasClass(el, cls) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
return reg.test(el.className);
};
function addClass(el, cls) {
if (!hasClass(el, cls)) {
el.className = el.className + ' ' + cls;
}
}
function removeClass(el, cls) {
// 判断className 是否存在
if (hasClass(el, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
el.className = el.className.replace(reg, ' '); //用空格代替匹配className，作用于删除className的中间字符串
el.className = el.className.replace(/\s{2,}/g,' '); //如果多于两个空格，则代替为一个空格
el.className = trim(el.className); //去除两边空格
}
}
var obj = {
className: 'aa bb cc dd ee'
}
写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str) {
// 匹配单词+@+单词+.cn或com的邮箱格式
var reg = /(\w)+@{1}(\w)+[.]{1}(cn|com)/
if (reg.test(str)) {
return '恭喜，这个邮箱正确'
} else {
return '对不起，邮箱地址不正确'
}
}
写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str) {
// 手机号必须是1开头的任意11位数字
var reg = /^[1][0-9]{10}$/;
if (reg.test(str)) {
return '这是可用的手机号'
} else {
return '请输入正确的手机号'
}
}
写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isValidUsername(str) {
var reg = /^\w{6,20}$/;
if (reg.test(str)) {
return '这个用户名可以注册'
} else {
return '请输入正确的用户名'
}
}
写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）
function isValidPassword(str) {
var patt = /^\w{6,20}$/;
var patt1 = /(^[A-Z]+$)|(^[a-z]+$)|(^[0-9]+$)|(^_+$)/;
if (patt.test(str)) {
if (!patt1.test(str)) {
return '密码正确';
} else {
return '密码错误';
}
} else {
return '必须输入6-20个字符';
}
}
写一个正则表达式，得到如下字符串里所有的颜色（#121212）
var re = /#\w{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert(subj.match(re))
下面代码输出什么? 为什么? 改写代码，让其输出hunger, world
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
- 因为有优先匹配量词
*在，所以此次正则匹配是贪婪匹配，贪婪模式会尽可能多得进行匹配，所以结果是[""hunger",hello "world""]
- 使用非贪婪模式进行匹配
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat);
补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
//非贪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[\s\S]*?-->/g;
str.match(re)
//贪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[^>]*-->/g;
str.match(re)
补全如下正则表达式
// 非贪婪模式
var re = /<\w.*?>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)
// 贪婪模式
var re = /<[^>]+>/g
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re)
