1. \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分別是什么?
| 字符 | 意義 |
|---|---|
\d |
數(shù)字字符[0-9]
|
\w |
單詞字符[a-zA-Z_0-9]
|
\s |
空白符[\t\n\x0b\f\r]
|
[a-zA-Z0-9] |
匹配a-z,A-Z,0-9中的任意一個(gè)字符 |
\b |
單詞邊界 |
. |
除\r\n以外的所有字符[^\r\n]
|
* |
出現(xiàn)0次或多次(任意次) |
+ |
出現(xiàn)1次或多次 |
? |
出現(xiàn)0次或1次 |
x{3} |
出現(xiàn)3次 |
^ |
[]內(nèi)代表取反（/[^]/）；[]外代表以某一字符串為開(kāi)頭（/^/） |
& |
代表以某一字符串為結(jié)尾 |
2. 寫(xiě)一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白字符
function trim(str){
return str.replace(/^\s*|\s*$/g,'')
}
console.log(trim(' hellohello '))
進(jìn)階7-2測(cè)試.png
3. 寫(xiě)一個(gè)函數(shù)isEmail(str)，判斷用戶(hù)輸入的是不是郵箱
function isEmail(str){
var reg = /^\w+@\w+\.\w+$/;
return reg.test(str)
}
console.log(isEmail('1163172265@qq.com'));
console.log(isEmail('1163172265qq.com'))
進(jìn)階7-3測(cè)試.png
4. 寫(xiě)一個(gè)函數(shù)isPhoneNum(str)，判斷用戶(hù)輸入的是不是手機(jī)號(hào)
function isPhoneNum(str){
var reg = /^1\d{10}$/g
return reg.test(str)
}
console.log(isPhoneNum('1830000002433'));
console.log(isPhoneNum('18300002433'))
進(jìn)階7-4測(cè)試.png
5. 寫(xiě)一個(gè)函數(shù)isValidUsername(str)，判斷用戶(hù)輸入的是不是合法的用戶(hù)名（長(zhǎng)度6-20個(gè)字符，只能包括字母、數(shù)字、下劃線(xiàn)）
function isValidUsername(str){
var reg = /^\w*$/g
if(str.length>=6&&str.length<=20){
if(reg.test(str)){
return '用戶(hù)名'+str+'合法！'
}else{
return '用戶(hù)名'+str+'含有非法字符，請(qǐng)重新輸入！'
}
}else if(str.length>20){
return '用戶(hù)名'+str+'過(guò)長(zhǎng)，請(qǐng)重新輸入！'
}else{
return '用戶(hù)名'+str+'過(guò)短，請(qǐng)重新輸入！'
}
}
console.log(isValidUsername('hahaha'))
console.log(isValidUsername('hahaha~'))
console.log(isValidUsername('abcdefghijklmnopqrstuvwxyz'))
console.log(isValidUsername('haha'))
進(jìn)階7-5測(cè)試.png
6. 寫(xiě)一個(gè)函數(shù)isValidPassword(str), 判斷用戶(hù)輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符，只包括大寫(xiě)字母、小寫(xiě)字母、數(shù)字、下劃線(xiàn)，且至少至少包括兩種）
function isValidPassword(str){
if(str.length<6) return '密碼'+str+'過(guò)短，請(qǐng)重新輸入！'
if(str.length>20) return '密碼'+str+'過(guò)長(zhǎng)，請(qǐng)重新輸入！'
if(!/^\w{6,20}$/.test(str)) return '密碼'+str+'含有非法字符，請(qǐng)重新輸入！'
if(/^\d{6,20}$/.test(str)) return '密碼'+str+'過(guò)于簡(jiǎn)單，請(qǐng)重新輸入！'
if(/^[a-z]{6,20}$/.test(str)) return '密碼'+str+'過(guò)于簡(jiǎn)單，請(qǐng)重新輸入！'
if(/^[A-Z]{6,20}$/.test(str)) return '密碼'+str+'過(guò)于簡(jiǎn)單，請(qǐng)重新輸入！'
if(/^_{6,20}$/.test(str)) return '密碼'+str+'過(guò)于簡(jiǎn)單，請(qǐng)重新輸入！'
return '該密碼合法！'
}
console.log(isValidPassword('abc'))
console.log(isValidPassword('abcdefghijklmnopqrstuvwxyz'))
console.log(isValidPassword('123456'))
console.log(isValidPassword('abcdefg'))
console.log(isValidPassword('ABCDEFG'))
console.log(isValidPassword('______'))
console.log(isValidPassword('123abc'))
進(jìn)階7-6測(cè)試.png
7. 寫(xiě)一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色
var re = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})(?![0-9a-fA-F])/g
//另一種寫(xiě)法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']
進(jìn)階7-7測(cè)試.png
8. 下面代碼輸出什么? 為什么? 改寫(xiě)代碼，讓其輸出[""hunger"", ""world""].
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat); //輸出：[""hunger" , hello "world""]
//原因：貪婪模式會(huì)在滿(mǎn)足條件的情況下，盡可能多的匹配，即" hunger" , hello "world" '
/*可以輸出[""hunger"", ""world""]的寫(xiě)法*/
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat);
進(jìn)階7-8測(cè)試.png
