问答

\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)