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

• \d表示：數(shù)字字符 [0-9]

• \w表示：?jiǎn)卧~字符、字母、數(shù)字、下劃線 [a-zA-Z_0-9]
• \s表示：空白符 [\t\n\x0B\f\r]
• [a-zA-Z0-9]表示：字母（包括大小寫(xiě)）、數(shù)字0-9
• \b表示：?jiǎn)卧~邊界
• .表示：除了回車(chē)符和換行符之外的所有字符 [^\r\n]
• *表示：出現(xiàn)零次或多次（任意次）
• +表示：出現(xiàn)一次或多次（至少出現(xiàn)一次）
• ?表示：出現(xiàn)零次或一次（最多出現(xiàn)一次）
• x{3}表示：x出現(xiàn)3次
• ^表示：以xxx開(kāi)頭
• $表示：以xxx結(jié)尾

2- 寫(xiě)一個(gè)函數(shù) trim(str)，去除字符串兩邊的空白字符

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

3- 寫(xiě)一個(gè)函數(shù) isEmail(str)，判斷用戶(hù)輸入的是不是郵箱

function isEmail(str){
    var reg = /^\w+@[\w.-]+$/;
    return reg.test(str);
}

4- 寫(xiě)一個(gè)函數(shù) isPhoneNum(str)，判斷用戶(hù)輸入的是不是手機(jī)號(hào)

function isPhoneNum(number) {
    13/4/5/7/8+9位數(shù)
    return /^1[34578]\d{9}$/.test(number)
}

5- 寫(xiě)一個(gè)函數(shù) isValidUsername(str)，判斷用戶(hù)輸入的是不是合法的用戶(hù)名（長(zhǎng)度6-20個(gè)字符，只能包括字母、數(shù)字、下劃線）

function isValidUsername(str) {
    return /^\w{6,20}$/.test(str);
}

6- 寫(xiě)一個(gè)函數(shù) isValidPassword(str), 判斷用戶(hù)輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符，只包括大寫(xiě)字母、小寫(xiě)字母、數(shù)字、下劃線，且至少至少包括兩種）

function isValidPassword(str){
    var reg = /(^[a-z]+$)|(^[A-Z]+$)|(^_+$)|(^\d+$)/g
    if(reg.test(str)){
        return false + '字母、數(shù)字、下劃線至少包括兩種'
    }else if(str.length < 6 || str.length > 20){
        return false + '長(zhǎng)度6-20個(gè)字符'
    }else if (/\W/g.test(str)) {
        return false + '只包括大寫(xiě)字母、小寫(xiě)字母、數(shù)字、下劃線'
    }
    return true
}

7- 寫(xiě)一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色

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

結(jié)果：

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- 下面代碼輸出什么? 為什么? 改寫(xiě)代碼，讓其輸出[""hunger"", ""world""].

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

結(jié)果：

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat); //輸出[""hunger" , hello "world""]
//因?yàn)槟J(rèn)情況下匹配是在貪婪模式下面，這里就是盡可能多的匹配""的字符。只要改為非貪婪模式就可以達(dá)到效果，方法是在量詞后面加上?
//修改：var pat = /".*?"/g

- 學(xué)習(xí)總結(jié)

• 凡是有需要用戶(hù)填寫(xiě)表單的地方，都需要正則表達(dá)式做個(gè)前置驗(yàn)證
• 用戶(hù)的輸入永遠(yuǎn)是不安全的
• 前端的過(guò)濾只能阻擋90%「粗心」的用戶(hù)，而剩下10%的「惡意」用戶(hù)還需要后端再次做一次驗(yàn)證來(lái)阻擋