正则

问答

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

符号	含义
\d	查找数字
\w	查找单词字符（字母、数字、下划线 ）
\s	查找空白字符（tab 、空格、换行、回车）
[a-zA-Z0-9]	查找a到z，A到Z，0到9之间的任意字符
\b	匹配单词边界
.	查找单个字符，除了 换行和行结束符
*	匹配任意零个或多个字符
+	匹配任意至少一个字符
?	匹配至多一次字符
x{3}	匹配x出现三次
^	以...开始
$	以...结束

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

• 1.贪婪模式：趋于最大长度匹配,如使用模式p匹配字符串str，结果：abcaxc
  2.非贪婪模式：匹配到结果就好，以最少字符匹配,使用模式p匹配字符串str，结果：abc

String str="abcaxc";
　　　　Patter p="ab*c";

• 如何区分两种模式：默认是贪婪模式，在量词后面加上?是费贪婪模式
  量词：

符号	含义
+	一个到多个
？	0或一个
*	任意多个
{m,n}	m到n个

代码

  //写一个函数trim(str)，去除字符串两边的空白字符
        var mystr = "  f4g hju 899 ";
         console.log("111"+trim(mystr)+"111");
        function trim(str){
          return str.replace(/^\s*|\s+$/g,"");
        }

 //使用实现 addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正则
        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, ' ');
        }

3~6.

  //写一个函数isEmail(str)，判断用户输入的是不是邮箱
     function isEmail(str){
        var reg = /^[\w\.-]+@{1}[\w-]+\.[\w\.-]+$/;
        console.log(reg.test(str));
     }
     var str1 = "[email protected]";
     var str2 = "[email protected]";
     var str3 = "[email protected]";
     var str4 = "[email protected]";
     isEmail(str1);
     isEmail(str2);
     isEmail(str3);
     isEmail(str4);

    //写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
    function isPhoneNum(str){
        var reg = /1[0-9]{10}/
        console.log(reg.test(str));
    }
    var mystr1 = 123499999999;
    var mystr2 = 1234;
    var mystr3 = 123499999;
    isPhoneNum(mystr1);//true
    isPhoneNum(mystr2);//false
    isPhoneNum(mystr3);//false

    //写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
  
    function isValidUsername(str){
        var reg = /^[a-zA-Z0-9_]{6,20}$/
        console.log(reg.test(str));
    }
    var name1 = "15123348999avuuuuuuuuuuuuuuu";
    var name2 = "1234-321";
    var name3 = "1E_349as99";
    isValidUsername(name1);
    isValidUsername(name2);
    isValidUsername(name3);

    //写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，包括大写字母、小写字母、数字、下划线至少两种）
    function isValidPassword(str){
        var reg = /^[a-zA-Z0-9_]{6,20}$/;
        if(reg.test(str)){
            if(/(^[a-z]+$)|(^[A-Z]+$)|(^[0-9]+$)|(^[_]+$)/.test(str)){
                return false;
            }
            return true;
        }
        return false;
    }

 //写一个正则表达式，得到如下字符串里所有的颜色（#121212）
       var re = /#[0-9a-fA-F]{6}/g;
       var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 ";
       console.log( 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 = '..  ..   .. '
    re1 = /<[^<]+-->/g;
    console.log(str.match(re1)); 

    //非贪婪模式
    str = '..  ..   .. '
    re2 = /<[\W\w]*?>/g;
    console.log(str.match(re2));

 //补全如下正则表达式
   var re = /<[^>]+>/g;
   var str = '<>   ';
   alert(str.match(re)); // '', '', ''