task21

问答

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

  \d：数字字符
  \w：单词字符，字母、数字、下划线
  \s：空白符
[a-zA-Z0-9]:大小写字母、数字
\b：单词边界
.：除了回车符和换行符之外的所有字符
*:出现零次或多次（任意次）
+:出现一次或多次（至少出现一次）
?:出现零次或一次（最多出现一次）
x{3}:出现3次
^:以xxx开头
$:以xxx结尾

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

• 贪婪模式
  正则表达式在默认下是尽可能多的匹配，例如
  '132 4135 6713 1907134' .match(/\d{3,5}/g); //["132", "4135", "6713", "19071"]

• 非贪婪模式
  让正则表达式尽可能少的匹配，也就是说一旦成功匹配不再继续尝试
  '132 4135 6713 1907134' .match(/\d{3,5}?/g); //["132", "413", "671", "190", "713"]

代码题

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

var trim(str){
console.log(str.replace(/^\s+|\s+$/g,""));
}

使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则;

//提示: el为dom元素，cls为操作的class， el.className获取el元素的class
  function addClass(el, cls) {
    if (!hasClass(el, cls)) { 
     el.className += " " + cls; 
     }
 }
   function hasClass(el, cls) {
     var reg = new RegExp('\\b' + cls + '\\b', 'g');
      return reg.test(el.className);
   }
   function removeClass(el, cls) { 
     var reg = new RegExp('\\b' + cls + '\\b', 'g'),
       tmp = node.className.replace(reg, '').replace(/\s{2,}/g, ' '); //把两个以上的空格替换为一个空格
      el.className = trim(tmp);
   }

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

function isEmail(str){
  var email=/^\w+@[a-zA-Z0-9]+.[a-zA-Z]+$/;
  return email.test(str);
}

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

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

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

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

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

   function isValidPassword(str){
                if (str.length<6|str.length>20){
                            return false;
    }
               if(/^[a-zA-Z_0-9]/.test(str)){
                            return false;
   }
               if(/^[a-z]+$|^[A-Z]+$|^[0-9]+$|^_+$/).test(str){
                           return false;
   }
                         return ture;
 }

写一个正则表达式，得到如下字符串里所有的颜色（#121212）

   var re = /#[a-fA-F0-9]{6}/g;
   var subj = "color: #121212; background-color: #AA00ef; width:12px; bad-colors: #ffddee #fd2 ";
   alert( subj.match(re) ); // #121212,#AA00ef

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

  var str = 'hello "hunger" , hello "world"';
  var pat = /".*"/g;
  str.match(pat);//在贪婪模式下输出 "hunger",hello "world"
 var pat=/".*?"/g;
 str.match(pat);//在非贪婪模式下输出"hunger","world"

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

 str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
 re = /<!--.*[\w\W]*?-->/g;
 str.match(re); //非贪婪模式
 str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
 re = /<!--[^>]*-->/g; //贪婪模式
 str.match(re);

补全如下正则表达式

 var re = /<[^>]+>/g ;
 var str = '<> <a href="/"> <input type="radio" checked> <b>';
 str.match(re) ;// '<a href="/">', '<input type="radio" checked>', '<b>'