正则表达式

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

\d 匹配0-9之间的任一数字，相当于[0-9]
\w 匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]
\s 匹配空格（包括制表符、空格符、断行符等），相等于[\t\r\n\v\f]
[a-zA-Z0-9] 匹配任意的字母、数字
\b 匹配词的边界
. 匹配除回车（\r）、换行(\n) 、行分隔符（\u2028）和段分隔符（\u2029）以外的所有字符
*表示某个模式出现0次或多次，等同于{0,}
+表示某个模式出现1次或多次，等同于{1,}
?表示某个模式出现0次或1次，等同于{0, 1}
x{3} 匹配连续出现3次的x
^ 匹配输入字符串的开始位置
$ 匹配输入字符串的结束位置

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

function trim(str){
    var reg = /(^\s) | (\s+$)/g
    return str.replace(reg, '')
}
var str = '  abc  def  ghi  '
console.log( trim(str) )   // "abc  def  ghi"

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

function isEmail(str){
    var reg = /^[\w_-]+@[\w_-]+\.\w+$/
    if(reg.test(str)){
        console.log('这是一个邮箱')
    }else{
        console.log('这不是一个邮箱')
    }
}

var str1 = '13163258765@163.com'
var str2 = '13163258765@qq.com'
var str3 = '1565-xm_@gmail.com'
var str4 = '1565-xm_#@gmail.com'

console.log(isEmail(str1))  //这是一个邮箱
console.log(isEmail(str2))  //这是一个邮箱
console.log(isEmail(str3))  //这是一个邮箱
console.log(isEmail(str4))  //这不是一个邮箱

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

function isPhoneNum(str){
    var reg = /^(\+86)?1[34578]\d{9}$/
    if(reg.test(str)){
        console.log('这是一个手机号码')
    }else{
        console.log('这不是一个手机号码')
    }
}

var str1 = '+8613136268964'
var str2 = '13136268964'
var str3 = '12136268964'

console.log(isPhoneNum(str1))  //这是一个手机号码
console.log(isPhoneNum(str2))  //这是一个手机号码
console.log(isPhoneNum(str3))  //这不是一个手机号码

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

方法一：

function isValidUsername(str){
    if(str.length<6 || str.length>20 || /\W+/.test(str)){
        console.log('非法用户名')
    }
    var reg = /^\w+$/
    if(reg.test(str)){
        console.log('合法用户名')
    }
}

var str1 = 'linpengistheone'
var str2 = 'linpeng-istheone'

console.log(isValidUsername(str1))  //合法用户名
console.log(isValidUsername(str2))  //非法用户名

方法二：

function isValidUsername(str){
    var reg = /^\w{6,20}$/
    if(reg.test(str)){
        console.log('合法用户名')
    }else{
        console.log('非法用户名')
    }
}

var str1 = 'linpengistheone'
var str2 = 'linpeng-istheone'

console.log(isValidUsername(str1))  //合法用户名
console.log(isValidUsername(str2))  //非法用户名

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

方法一：

function isValidPassword(str){
    if(str.length<6 || str.length>20 || /\W+/.test(str)){
        console.log('非法密码')
    }else if(/^[A-Z]+$/.test(str) || /^[a-z]+$/.test(str) || /^[0-9]+$/.test(str) || /^_+$/.test(str)){
        console.log('非法密码')
    }else{
        console.log('合法密码')
    }
}

var str1 = '123456789'
var str2 = 'abcdefghijklmn'
var str3 = 'ABCDEFGHIJKLMN'
var str4 = '__________'
var str5 = '123456abcdef'
var str6 = '123abc_ABC'

console.log(isValidPassword(str1))  //非法密码
console.log(isValidPassword(str2))  //非法密码
console.log(isValidPassword(str3))  //非法密码
console.log(isValidPassword(str4))  //非法密码
console.log(isValidPassword(str5))  //合法密码
console.log(isValidPassword(str6))  //合法密码

方法二：

function isValidPassword(str){
    if(str.length<6 || str.length>20 || /\W+/.test(str)){
        console.log('非法密码')
    }
    var count = 0
    if(/[A-Z]+/.test(str)) count++
    if(/[a-z]+/.test(str)) count++
    if(/[0-9]+/.test(str)) count++
    if(/_+/.test(str)) count++
    if(count >= 2){
        console.log('合法密码')
    }else{
        console.log('非法密码')
    }
}

var str1 = '123456789'
var str2 = 'abcdefghijklmn'
var str3 = 'ABCDEFGHIJKLMN'
var str4 = '__________'
var str5 = '123456abcdef'
var str6 = '123abc_ABC'

console.log(isValidPassword(str1))  //非法密码
console.log(isValidPassword(str2))  //非法密码
console.log(isValidPassword(str3))  //非法密码
console.log(isValidPassword(str4))  //非法密码
console.log(isValidPassword(str5))  //合法密码
console.log(isValidPassword(str6))  //合法密码

方法三：

function isValidPassword(str){
  if(!/^\w{6,20}$/.test(str)){
    return false
  }
  if(/(^[A-Z]+$)|(^[a-z]+$)|(^[0-9]+$)|(^_+$)/.test(str)){
    return false
  }
  return true
}

var str1 = '123456789'
var str2 = 'abcdefghijklmn'
var str3 = 'ABCDEFGHIJKLMN'
var str4 = '__________'
var str5 = '123456abcdef'
var str6 = '123abc_ABC'

console.log(isValidPassword(str1))  //false
console.log(isValidPassword(str2))  //false
console.log(isValidPassword(str3))  //false
console.log(isValidPassword(str4))  //false
console.log(isValidPassword(str5))  //true
console.log(isValidPassword(str6))  //true

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

var re = /*正则...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

答：

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

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

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
/*
输出：""hunger" , hello "world""
原因：因为默认情况下都是最大可能匹配，即匹配直到下一个字符不满匹配规则为止。这被称为贪婪模式。
解决方法：只要改为非贪婪模式就可以达到效果，方法是在量词符后面加上'?'
即：var pat =  /".*？"/g;
 */