进阶7-正则表达式

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

• \d 预定义类字符，一个数字字符，等价于[0-9]
• \w 预定义类字符，一个单词字符，字母、数字下划线，等价于[a-zA-Z0-9_]
• \s 预定义类字符，一个空白符，等价于[[\t\n\x0B\f\r]] tab 换行 空格 换页 回车
• [a-zA-Z0-9] 类选择符，一个英文小写字母、大写字母以及数字0到9
• \b 单词边界，包括字符串的开头、结尾、空格以及中横线'-'
• . 预定义字符，等同于除了换行和回车之外的任意字符

• • 量词，代表*号之前的字符出现零次或多次（任意次）
    

• • 量词，代表+号之前的字符出现一或多次（至少一次）
    

• ? 量词，代表?号之前的字符出现零次或一次（最多出现一次）
• x{3} 代表x字符连续重复出现3次
• ^xxx 边界限定，以xxx开头
• xxx$ 边界限定，以xxx结尾

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

<script>
  function trim(str) {
    return str.replace(/^\s+|\s+$/g, '')
  }
  var str = ' aaaasdsadfaf '
  console.log(trim(str))

</script>

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

<script>
  function isEmail(str) {
    return /\w+@\w+\.\w+/.test(str)
  }
  isEmail('cheney_zhang@foxmail.com')

</script>

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

<script>
  function isPhoneNumber(str) {
    return /^1\d{10}$/.test(str)
  }
</script>

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

<script>
  function isUserName(str) {
    return /^\w{6,20}$/.test(str)
  }

</script>

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

<script>
  function isValidPassword(str) {
    if (!/^\w{6,20}$/g.test(str)) {
      return false
    } else {
      if (/^[a-z]{6,20}$/g.test(str)) {
        return false
      } else {
        if (/^[A-Z]{6,20}$/g.test(str)) {
          return false
        } else {
          if (/^[0-9]{6,20}$/g.test(str)) {
            return false
          } else {
            return true
          }
        }
      }
    }
  }

</script>

题目7： 写一个正则表达式，得到如下字符串里所有的颜色

var re = /#[0-9a-fA-F]{6}(?=;)|#[0-9a-fA-F]{3}(?=;)/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

题目8： 下面代码输出什么? 为什么? 改写代码，让其输出[""hunger"", ""world""].

<script>
  var str = 'hello  "hunger" , hello "world"';
  var pat = /".*"/g;
  str.match(pat);
  /* 输出结果 "hunger" , hello "world"
  *  原因：.符号表示除了回车符和换行符之外的所有字符，当然也包括"符号
  *  贪婪模式下*次会趋向于最大重复次数，
  *  符号.匹配到的是hunger" , hello "world
  *  所以匹配的最终结果是"hunger" , hello "world"
  */
  // 修改后的代码
  var str = 'hello  "hunger" , hello "world"';
  var pat1 = /".*?"/g;
  str.match(pat1);
  /*
  * 量词后面添加?修改为非贪婪模式，匹配到尽可能少的重复次数
  */

</script>