美文网首页
JS基础-正则表达式

JS基础-正则表达式

作者: hahahahaqwert | 来源:发表于2017-07-04 23:07 被阅读4次

    有关于正则表达式的一些题目

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

    \d 代表一个数字
    \w 代表一个字符(小写字母/大写字母/数字/下划线)
    \s 代表一个空白字符
    [a-zA-Z0-9] 指的是一个字符,这个字符可以是这些范围里的任意一个
    \b 代表单词边界
    . 代表任意字符,除去换行'\n'和回车'\r'
    ***** 匹配前面的东西0次或者多次(任意次),如果*****后面没有?会尽可能多的去匹配
    ? 0次或一次
    {3} 代表3次
    ^ 如果^不在中括号里就代表以它后面的字符串为开头,如果放到中括号里面就是取反
    $ 表示以$后面的字符串为结尾

    2. 写一个函数trim(str),去除字符串两边的空白字符
     <script type="text/javascript">          
       function trim(str){
         return     str.replace(/^\s+|\s+$/g,'')
       }
     </script>
    
    3. 写一个函数isEmail(str),判断用户输入的是不是邮箱
     <script type="text/javascript">
       function isEmail(str){
         var reg=/\w+@.+/
         return reg.test(str)
       }
     </script>
    
    4. 写一个函数isPhoneNum(str),判断用户输入的是不是手机号
     <script type="text/javascript">
       function isPhoneNum(str){
       return /^1\d{10}$/.test(str)
      }
     </script>
    
    5. 写一个函数isValidUsername(str),判断用户输入的是不是合法的用户名(长度6-20个字符,只能包括字母、数字、下划线)
     <script type="text/javascript">
      function isValidUsername(str){
        var reg=/^\w{6,20}$/
        return reg.test(str)
      }
    
    6.写一个函数isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,只包括大写字母、小写字母、数字、下划线,且至少至少包括两种)
      function isValidPassword(str){
        if(!/^\w{6,20}$/.test(str)) return false
        if(/^[A-Z]{6,20}$/.test(str)) return false
        if(/^[a-z]{6,20}$/.test(str)) return false
        if(/^_{6,20}$/.test(str)) return false
    
        return true 
       }
    
    7. 写一个正则表达式,得到如下字符串里所有的颜色
     <script type="text/javascript">
       var re = /*正则...*/
       var subj = "color: #121212; background-color: #AA00ef; width: 12px; 
       bad-colors: f#fddee "
       console.log( subj.match(re) )  // ['#121212', '#AA00ef']
    
    
      var subj = "color: #121212; background-color: #AA00ef; width: 12px; 
      bad-colors: f#fddee "
      // (?=;) 前瞻
      var colorReg=/#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})(?=;)/g    
      console.log(subj.match(colorReg))
    </script>
    
    8.下面代码输出什么? 为什么? 改写代码,让其输出[""hunger"", ""world""].
     <script type="text/javascript">
       var str = 'hello  "hunger" , hello "world"';
       var pat =  /".*"/g;  
       // 输出 ""hunger" , hello "world""]
       // 原因: 量词*出现零次或多次(任意次),在默认下会最多匹配,是贪婪模式。
    
       //让其输出[""hunger"", ""world""].  切断贪婪模式即可,
         var pat = /".*?"/g;
         console.log(str.match(pat));
     </script>
    

    本文题文内容来自于饥人谷,版权归饥人谷_海瀚和饥人谷所有,转载需说明来源

    相关文章

      网友评论

          本文标题:JS基础-正则表达式

          本文链接:https://www.haomeiwen.com/subject/hxzxhxtx.html