1- \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分別是什么?
\d表示：數字字符 [0-9]
-
\w表示：單詞字符、字母、數字、下劃線 [a-zA-Z_0-9] -
\s表示：空白符 [\t\n\x0B\f\r] -
[a-zA-Z0-9]表示：字母（包括大小寫）、數字0-9 -
\b表示：單詞邊界 -
.表示：除了回車符和換行符之外的所有字符 [^\r\n] -
*表示：出現零次或多次（任意次） -
+表示：出現一次或多次（至少出現一次） -
?表示：出現零次或一次（最多出現一次） -
x{3}表示：x出現3次 -
^表示：以xxx開頭 -
$表示：以xxx結尾
2- 寫一個函數 trim(str)，去除字符串兩邊的空白字符
function trim(str){
return str.replace(/^\s+|\s+$/g, '');
}
3- 寫一個函數 isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str){
var reg = /^\w+@[\w.-]+$/;
return reg.test(str);
}
4- 寫一個函數 isPhoneNum(str)，判斷用戶輸入的是不是手機號
function isPhoneNum(number) {
13/4/5/7/8+9位數
return /^1[34578]\d{9}$/.test(number)
}
5- 寫一個函數 isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個字符，只能包括字母、數字、下劃線）
function isValidUsername(str) {
return /^\w{6,20}$/.test(str);
}
6- 寫一個函數 isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個字符，只包括大寫字母、小寫字母、數字、下劃線，且至少至少包括兩種）
function isValidPassword(str){
var reg = /(^[a-z]+$)|(^[A-Z]+$)|(^_+$)|(^\d+$)/g
if(reg.test(str)){
return false + '字母、數字、下劃線至少包括兩種'
}else if(str.length < 6 || str.length > 20){
return false + '長度6-20個字符'
}else if (/\W/g.test(str)) {
return false + '只包括大寫字母、小寫字母、數字、下劃線'
}
return 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);
結果：
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat); //輸出[""hunger" , hello "world""]
//因為默認情況下匹配是在貪婪模式下面，這里就是盡可能多的匹配""的字符。只要改為非貪婪模式就可以達到效果，方法是在量詞后面加上?
//修改：var pat = /".*?"/g
- 學習總結
- 凡是有需要用戶填寫表單的地方，都需要正則表達式做個前置驗證
- 用戶的輸入永遠是不安全的
- 前端的過濾只能阻擋90%「粗心」的用戶，而剩下10%的「惡意」用戶還需要后端再次做一次驗證來阻擋
