正则

问答

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 = "355abc@163.com";
     var str2 = "355-900@163.com";
     var str3 = "355_900@163.com";
     var str4 = "zy.Mrs@163.com";
     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 = '.. <!-- My -- comment \n test --> ..  <!----> .. '
    re1 = /<[^<]+-->/g;
    console.log(str.match(re1)); 

    //非贪婪模式
    str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
    re2 = /<[\W\w]*?>/g;
    console.log(str.match(re2));
 //补全如下正则表达式
   var re = /<[^>]+>/g;
   var str = '<> <a href="/"> <input type="radio" checked> <b>';
   alert(str.match(re)); // '<a href="/">', '<input type="radio" checked>', '<b>'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 9,504评论 0 20
  • 转自: JS正则表达式一条龙讲解,从原理和语法到JS正则、ES6正则扩展,最后再到正则实践思路 温馨提示:文章很长...
    前端渣渣阅读 5,794评论 1 32
  • 正则表达式功能: 测试字符串的某个模式。例如对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信...
    DecadeHeart阅读 3,728评论 0 1
  • \ :将下一字符标记为特殊字符、文本、反向引用或八进制转义符。例如,"n"匹配字符"n"。"\n"匹配换行符。序列...
    小沙鹰168阅读 3,570评论 0 1
  • 有点复杂,是转载的文章 贪婪模式与非贪婪模式讲解 Javascript中的正则贪婪与非贪婪模式的区别是: 被量词修...
    胖先森阅读 2,144评论 0 1