正则表达式

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

• \d — 数字字符0-9[0-9]；
• \w — 大小写字母，数字，下划线[a-zA-Z0-9]；
• \s — 空格；
• [a-zA-Z0-9] — 大小写字母，数字，下划线[a-zA-Z0-9]；
• \b — 单词边界；
• . — 除了回车符和换行符外的所有字符；
• * — 出现任意次数；
• + — 出现一次或多次；
• ? — 最多出现一次；
• x{3} — 出现3次x；
• ^ — 作为开头；
• $ — 作为结尾。

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

• 正则表达式在匹配目标出现次数的范围时，默认情况下是尽可能多的匹配，也就是贪婪模式，如果在量词后面添加?则表示匹配时采取非贪婪模式，例如：

'123456789'.match(/\d{3,5}/g); // ["12345", "6789"]
'123456789'.match(/\d{3,5}?/g); // ["123", "456", "789"]

###代码题

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

- ```
function trim(str) {
    var newStr = str.replace(/^\s+|\s+$/g,'');
    return newStr;
}    

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

• function addClass(el, cls) {
    var reg = new RegExp('(^|\\s)' + cls + '(\\s|$)', 'g');
    if (reg.text(el.className)) {
      return el.className;
    } else {
      el.className = el.className + ' ' + cls;
      return el.className;
    }
  }
  
  // hasClass(el, cls)
  function hasClass(el, cls) {
    var reg = new RegExp('(^|\\s)' + cls + '(\\s|$)', 'g');
    return reg.text(el.className);
  }
  
  // removeClass(el, cls)
  function removeClass(el, cls) {
    var reg = new RegExp('(^|\\s)' + cls + '(\\s|$)', 'g');
    if (hasClass(el, cls)) {
      var el.className = el.className.replace(reg, '');
      return;
    } else {
      return;
    }
  }
  

#####3. 写一个函数```isEmail(str)```，判断用户输入的是不是邮箱
- ```
  function isEmail(str) {
    var reg = /^\w+@\w+\.[a-z]+$/;
    return (reg.test(str));
  }

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

• function isPhoneNum(str) {
    var reg = /^(\+86)?1[3578]\d{9}$/;
    return (reg.test(str));
  }
  

#####5. 写一个函数```isValidUsername(str)```，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
- ```
  function isValidUsername(str) {
    var reg = /^\w{6,20}$/;
    return reg.test(str);
  }

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

• function isValidPassword(str) {
    if (!(isValidUsername(str))) {
      return ('密码格式为长度6-20个字符，只能包括字母、数字、下划线，请重新输入！')
    } else {
      var i = 0;
      if (/[a-z]/.test(str)) { i++; };
      if (/[A-Z]/.test(str)) { i++; };
      if (/_/.test(str)) { i++; };
      if (/\d/.test(str)) { i++; };
      if (i > 1) {
        return ('密码设置成功！');
      } else {
        return ('密码需包括大写字母、小写字母、数字、下划线至少两种，请重新输入！')
      }
    }
  }
  

#####7. 写一个正则表达式，得到如下字符串里所有的颜色（#121212）
- ```
  var re = /#[0-9a-f]{6}/ig;
  var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
  alert( subj.match(re) )  // #121212,#AA00ef

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

• var str = 'hello  "hunger" , hello "world"';
  var pat =  /".*"/g;    // 默认为贪婪模式
  str.match(pat);        // [""hunger" , hello "world""]
  

- ```
  var str = 'hello  "hunger" , hello "world"';
  function fn(str) {
    var pat =  /".*?"/g;
    var arr = str.match(pat);
    for (var i = 0; i < arr.length; i++) {
        arr[i] = arr[i].replace(/"*/g, '');
    }
    return (arr.join(','));
  }
  fn(str);  // "hunger,world"

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

// 非贪婪模式
str = '.. .. .. '
re = /<.?[\n].?>/g;
str.match(re) // '', ''
// 贪婪模式
str = '.. .. .. '
re = /<[^>]>/g;
str.match(re) // '', ''

#####10. 补全如下正则表达式
- ```
  var re = /<[^>]+>/g;
  var str = '<> <a href="/"> <input type="radio" checked> <b>'
  str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'