问答
- \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
\d:匹配一个数字,等价于[0-9].例如:/\d/或者/[0-9]/匹配"B2 is the nice."中的'2'。
-
\w:匹配一个单字字符（字母、数字或者下划线）,等价于[A-Za-z0-9_]。例如, /\w/匹配"apple"中的'a',"$5.28,"中的'5',"3D."中的'3'。
*\s:匹配一个空白字符，包括空格、制表符、换页符和换行符。例如,/\s\w*/匹配"foo bar."中的' bar'。 -
[a-zA-Z0-9]:等价于\w,匹配一个单字字符（字母、数字或者下划线) -
\b:匹配一个词的边界，一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。注意，一个匹配的词的边界并不包含在匹配的内容中。换句话说，一个匹配的词的边界的内容的长度是0。 -
.:匹配除了换行符（\n）之外的任何单个字符。 -
*:匹配前一个表达式0次或多次。等价于 {0,}。 -
+:匹配前面一个表达式1次或者多次。等价于 {1,}。 -
?:匹配前面一个表达式0次或者1次。等价于 {0,1}。 -
x{3}:匹配三位x字符 -
^:匹配输入的开始。如果多行标志被设置为true，那么也匹配换行符后紧跟的位置。 -
$:匹配输入的结束。如果多行标示被设置为true，那么也匹配换行符前的位置。
- 贪婪模式和非贪婪模式指什么?
- 贪婪模式:
就是在整个表达式匹配成功的前提下，尽可能多的匹配，也就是所谓的“贪婪”，通俗点讲，就是看到想要的，有多少就捡多少，除非再也没有想要的了。
- 非贪婪模式:
就是在整个表达式匹配成功的前提下，尽可能少的匹配，也就是所谓的“非贪婪”，通俗点讲，就是找到一个想要的捡起来就行了，至于还有没有没捡的就不管了。
代码题
- 写一个函数trim(str)，去除字符串两边的空白字符
function trim(str) {
var reg = /^\s+|\s*$/g;
return str = str.replace(reg,'')
}
-
使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则.ps： 视频里问题纠正
function hasClass(el,cls) {
var reg = /\s+|*\s/
if (reg.test(el.className)) {
return true
}
return false
}
function addClass(el,cls) {
if (hasClass(el,cls)) {
return false
}
el.className += " " + cls;
}
function removeClass(el,cls) {
if (hasClass(el,cls)) {
el.className.replace(cls,"")
}
return false
}
- 写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
var pat = /\S+@\S+\.\S+/;
return pat.test(str)
}
- 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
var pat = /^1[356789]\d{9}$/;
return pat.test(str)
- 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线
function isValidUsername(str){
var pat = /^\S\w{6,20}\S$/;
return pat.test(str)
}
- 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）
function isValidPassword(str) {
if (str.length<6||str.length>20) {
return false //排除长度不合格的
}else
if (/[^a-zA-Z0-9_]/.test(str)) {
return false // 排除包含四种类型之外的字符
}else
if (/(^[a-z]+$)|(^[A-Z]+$)|(^[\d]+$)|(^[_]+$)/.test(str)){
return false // 排除只有一种类型的情况
}else
return true
}
- 写一个正则表达式，得到如下字符串里所有的颜色（#121212）
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
- 下面代码输出什么? 为什么? 改写代码，让其输出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);
//[""hunger"", ""world""]
- 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)
非贪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<.*\n*.*?>/g
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
贪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<![^>]*>/g
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
- 补全如下正则表达式
非贪婪模式
var re = /<\w.*?>/g
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>'
本文版权归作者饥人谷_Josh和饥人谷所有，转载请注明来源