了解正则表达式

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

\d :表示匹配0-9之间的任一数字，相当于[0-9]
\w :表示匹配任意的字母、数字和下划线,相当于[a-zA-Z1-9_]
\s :表示匹配空格（包括换页、水平制表符、垂直制表符、换行、回车）,相当于[\f\t\v\n\r]
[a-zA-Z0-9]:类似于\w,表示匹配任意的字母、数字但是比\w少了一个_
\b :表示匹配词的边界
. :表示匹配除回车（\r）、换行(\n) 、行分隔符（\u2028）和段分隔符（\u2029）以外的所有字符
* :表示某个模式出现0次或多次，等同于{0,}
+ :表示加号表示某个模式出现1次或多次，等同于{1,}
? ：问号表示某个模式出现0次或1次，等同于{0, 1}
x{3} :匹配3个x，即'xxx'
^ : 以xxx开头
$ : 以xxx结尾

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

function trim(str){
    // 匹配以空格开头或结尾并将其替换成空字符串
    return str.replace(/^\s*|\s* $/g,'');
}

console.log(trim('     123  '))

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

function isEmail(str){
    return /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$/.test(str)
}
console.log(isEmail('[email protected]'))

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

function isPhoneNum(str){
    return /^1\d{10}$/.test(str);
}
console.log(isPhoneNum(15717150627));

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

function isValidUsername(str){
    return /^\w{6,20}$/.test(str)
}
console.log(isValidUsername('233_sdsad'));//true
console.log(isValidUsername('233-sdsad'));//false

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

function isValidPassword(str){
    var count = 0;
    if(/^\w{6,20}$/.test(str)){
        if(/[A-Z]/.test(str)) {
            count++;
        }
        if(/[a-z]/.test(str)){
            count++;
        }
        if(/\d/.test(str)){
            count++;
        }
        if(/_/.test(str)){
            count++;
        }      
        if(count>=2){
            return true;
        }
    }
    return false;
}
console.log(isValidPassword('jhkhghjg'))//false
console.log(isValidPassword('jhkhghjg123'))//true

题目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""].

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);  //[""hunger" , hello "world""]

因为js正则默认是贪婪匹配，.代表除回车、换行等等之外的任意字符，所以当它遇到hunger之后的"它也能匹配，而后他就将后面的字符全匹配了，直到遇到world后的"才罢休。

解决办法：加一个？，改为非贪婪模式。

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;
str.match(pat);  //[""hunger"", ""world""]