问答

• \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
  答：
  *\d：匹配一个数字。等价于[0-9]。
  \w：匹配一个单字字符（字母、数字或者下划线）。等价于[A-Za-z0-9_]。
  \s：匹配一个空白字符，包括空格、制表符、换页符和换行符。
  [a-zA-Z0-9]：一个字符集合。匹配方括号的中任意字符。
  \b：匹配一个词的边界。一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。
  .：（小数点）匹配除了换行符（\n）之外的任何单个字符。
  *：匹配前一个表达式0次或多次。等价于 {0,}。
  +：匹配前面一个表达式1次或者多次。等价于 {1,}。
  ?：匹配前面一个字符0次或者1次。等价于 {0,1}。
  x{3}：匹配x连续出现3次。
  ^：匹配输入的开始。如果多行标志被设置为true，那么也匹配换行符后紧跟的位置。
  $：匹配输入的结束。如果多行标示被设置为true，那么也匹配换行符前的位置

• 贪婪模式和非贪婪模式指什么?
  答：
  贪婪模式：匹配次数最大化，匹配尽可能多的字符。
  非贪婪模式：匹配次数最小化，匹配尽量少的字符。

代码题

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

function trim(str){
    var pat=/^\s+|\s+$/g;
    var newstr=str.replace(pat,"");
    return newstr;
}

• 使用实现 addClass(el, cls)
  、hasClass(el, cls)
  、removeClass(el,cls)
  ，使用正则ps： 视频里问题纠正

 var reg = new RegExp('(\\s|^)' + cls + '(\\b|$)'),  'g');

        function hasClass(el, cls) {
            return reg.test(el.className);
        }

        function addClass(el, cls) {
            if (reg.test(el.ClassName)) {
             return  el.className += ' ' + cls;
            }
        }

        function removeClass(el, cls) {
            if (reg.test(el.className)) {
     return  el.className = el.className.replace(reg, ' ');
             }
        }

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

 function isEmail(str){
    var pat=/\S+@\S+\.\S+/i;
    var result=pat.test(str);
    return result;
  }

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

function isPhoneNum(str){
    var pat=/^1[356789]\d{9}/g;
    var result=pat.test(str);
    return result;
  }

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

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

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

  function isValidPassword(str){
        if (5< str.length && str.length<21){
            if (str.match(/^\w{6,20}$/)){
                if ( str.match(/[0-9]/)&&(!str.match(/[A-Z]/))&&(!str.match(/[_]/))&&(!str.match(/[a-z]/))){ return "请输入至少两种以上字符" }
                if ( !str.match(/[0-9]/)&&(str.match(/[A-Z]/))&&(!str.match(/[_]/))&&(!str.match(/[a-z]/))){ return "请输入至少两种以上字符" }
                if ( !str.match(/[0-9]/)&&(!str.match(/[A-Z]/))&&(str.match(/[_]/))&&(!str.match(/[a-z]/))){ return "请输入至少两种以上字符" }
                if ( !str.match(/[0-9]/)&&(!str.match(/[A-Z]/))&&(!str.match(/[_]/))&&(str.match(/[a-z]/))){ return "请输入至少两种以上字符" }
                else return "ok"

            }

            else return "您输入的含有非字母数字下划线"
        }
        else return "您输入的密码长度过长或过短！"
    }

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

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

var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;//贪婪模式 尽可能的多匹配直到无法匹配为止
str.match(pat); // 输出为"hunger" , hello "world

答：

var pat =  /"\w*"/g;

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

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

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

答：

var re = /<[\S,\s]*>/g  //贪婪模式
var 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;