正则表达式

\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^、$分别是什么?

\d：查找数字
\w：查找单词字符（数字、字符、下划线）
\s：查找空白字符（空格、tab、换行、回车符）
[a-zA-Z0-9]：查找a_z、AZ、0-9
\b：匹配单词边界
.：查找任意字符，除了换行和行结束符
*：匹配零个或多个的字符串
+：匹配至少一个字符串
?：匹配零个或一个字符
x{3}：匹配包含X个n的序列的字符串
^：匹配开头的字符串
$：匹配结尾字符

贪婪模式和非贪婪模式指什么?

贪婪模式：正则引擎尽可能的重复匹配字符
非贪婪模式：正则引擎进坑能少的匹配字符

代码题

• 写一个函数trim(str)，去除字符串两边的空白字符

function trim(str){
  return str.replace(/^\s+|\s+$/g,'')
}

• 使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
  ps： 视频里问题纠正
  问题2
  //提示: el为dom元素，cls为操作的class， el.className获取el元素的class

function hasClass(el,cls){
  var reg=new RegExp('(\\s|^)'+cls+'(\\b|$)','g');
  return reg.test(el.className);
}
function addClass(el,cls){
  if(!hasClass(el,cls))
     return el.className+' '+cls;
}
function removeClass(el,cls){
  if (hasClass(el,cls) ){
    var reg = new RegExp('(\\s|^)'+ cls +'(\\s|$)');
    return el.className.replace(reg,'');
 }
}

• 写一个函数isEmail(str)，判断用户输入的是不是邮箱

function isEmail(str){
  var ptta=/^[\w_]+@[\w]+\.[\w]+/;
  if(str.search(ptta)>-1){
    return true;
  }
  return false;
}

• 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号

function isPhoneNum(str){
  var reg=/^1[345789][0-9]{9}/;
  return reg.test(str);
}

• 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）

function isValidUsername(str){
  var reg=/^\w{6,20}$/;
  return reg.test(str);
}

• 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）

function isValidPassword(str){
  var reg=/^\w{6,20}$/;
  if(!reg.test(str)){
    return false;
  }
  var i=0;
  if(/\d/.test(str))
    i++;
  if(/[a-z]/.test(str))
    i++;
  if(/[A-Z]/.test(str))
    i++;
  if(/_/.test(str))
    i++;
  if(i>=2){
    return true;
  }else{
    return false;
  }
}

• 写一个正则表达式，得到如下字符串里所有的颜色（#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 =/#[0-9a-fA-F]{6}/g;`

• 下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
//输出  ["\"hunger\" , hello \"world\""]
//贪婪模式下会尽可能多的匹配字符串

//采用非贪婪模式
var pat=/".*?"/g

• 补全如下正则表达式，输出字符串中的注释内容. (可尝试使用贪婪模式和非贪婪模式两种方法)

str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'

//非贪婪模式
re = /<[\w\W]*?>/g;

//贪婪模式
re = /<[^<]+>/g;

• 补全如下正则表达式

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;