问答

• \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?
  /d 查找数字
  \w 查找单词字符(字母、数字、下划线)。
  /s 查找空白字符(空格、tab、换行、回车)。
  [a-zA-Z0-9] 匹配大小写字母和数字。
  \b 匹配单词边界
  . 匹配除了回车（/r）、换行（\n）、行分隔符（\u2028）和段分隔符（\u2029）以外所有单个字符。
  * 匹配包含0个或者多个的字符串 等同于{0,}
  + 表示某个出现过1次或多次，等同于{1,}
  ?表示出现过0次或1次，等同于{0,1}
  x{3} 匹配3个x这样序列的字符串
  ^字符串的开始
  $字符串的结束

• 贪婪模式和非贪婪模式指什么?
  贪婪模式：尽可能选择往多了匹配，即匹配到下一个字符不满足为止。* ,+。
  非贪婪模式：一旦条件满足了，就不继续往下匹配。尽可能少的匹配。*?,+?。
  贪婪模式：console.log('123456789'.match(/\d{2,3}/g));//["123","456","789"]
  非贪婪模式：console.log('123456789'.match(/\d{2,3}?/g))//["12","34","56","78"]

代码题

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

        <script type="text/javascript">
        
            function trim(str){
                return str.replace(/^\s*|\s*$/g,'');
            }
        </script>

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

        <script type="text/javascript">
            var p = {
                className: "main layout ads"
            };

            function addClass(el, cls) {
                var rg = new RegExp("\\b" + cls + "\\b", "g");
                if(!rg.test(el.className)) {
                    el.className +=" " + cls;
                }else{
                    return "class has already existing"
                }
            }

            function hasClass(el, cls) {
                var rg = new RegExp("\\b" + cls + "\\b", "g");
                if(rg.test(el.className)) {
                    return true;
                } else {
                    return false;
                }
            }

            function removeClass(el, cls) {
                var rg = new RegExp("\\b" + cls + "\\b", "g");
                if(rg.test(el.className)) {
                    el.className = el.className.replace(rg, "");
                    el.className = el.className.replace(/\s{2}/g, " ");
                }
            }
            
            addClass(p,"ppp");
            console.log(p.className)//main layout ads ppp
            console.log(addClass(p,"main"));//class has already existing
            console.log(hasClass(p,"main"))//true
            console.log(hasClass(p,"s"))//false
            removeClass(p,"layout");
            console.log(p.className);//main ads ppp
            
        </script>

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

        <script type="text/javascript">
            function isEmail(str){
                var Emeier = /(\w)+[@]{1}(\w)+[.]{1}(\w)+/;
                return Emeier.test(str);
            }
            console.log(isEmail("123wdasdszc@qq.com"));
            console.log(isEmail("123wdasdszcqq.com"));
        </script>

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

        <script type="text/javascript">
            function isPhoneNum(str){
                var phNum = /^1[3689]{1}\d{9}$/;
                return phNum.test(str);
            }
            console.log(isPhoneNum("15858020000"));//false
            console.log(isPhoneNum("13999999999"));//true
        </script>

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

        <script type="text/javascript">
            function isValidUsername(str){
                var userN = /^\w{6,20}$/;
                return userN.test(str);
            }
            console.log(isValidUsername("dwadpp"));//true
            console.log(isValidUsername("dwadpp_"));//ture
            console.log(isValidUsername("dwadpp_1222"));//true
            console.log(isValidUsername("dwadpp_21ew&*"));//false
        </script>

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

        <script type="text/javascript">
            function isValidPassword(str) {
                if(/\W/.test(str)) {
                    return false;
                } else {
                    if(/^\w{6,20}$/.test(str)) {
                        if(/(^[0-9]+$)|(^[A-Z]+$)|(^[a-z]+$)|(^[_]+$)/g.test(str)) {
                            return false;
                        } else {
                            return true;
                        }
                    } else {
                        return false;
                    }
                }
            }
            console.log(isValidPassword("_24uihduihs2232"));//true
            console.log(isValidPassword("*(awdawd24314_"));//false
            console.log(isValidPassword("12345678"));//false
        </script>

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

        <script type="text/javascript">
            var re = /#[0-9a-fA-F]{6}/g；//这么写

                var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "

            alert(subj.match(re)) // #121212,#AA00ef
        </script>

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

        <script type="text/javascript">
            var str = 'hello  "hunger" , hello "world"';
            var pat = /".*?"/g;   //这么写
            str.match(pat);
        </script>

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

        <script type="text/javascript">     
            var str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
            var re1 = /<!--[\W\w]*?-->/g;//首先是贪婪模式的写法
            var re2 = /<!--[^>]*-->/g;//非贪婪模式写法
            str.match(re1) // '<!-- My -- comment \n test -->', '<!---->'
            str.match(re2);//["<!-- My -- comment test -->", "<!---->"]
        </script>

• 补全如下正则表达式

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