進階7 正規表示式

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]	匹配a-z,A-Z,0-9中的任意一個字元
\b	單詞邊界
.	除\r\n以外的所有字元[^\r\n]
*	出現0次或多次(任意次)
+	出現1次或多次
?	出現0次或1次
x{3}	出現3次
^	[]內代表取反（/[^]/）；[]外代表以某一字串為開頭（/^/）
&	代表以某一字串為結尾

2. 寫一個函式trim(str)，去除字串兩邊的空白字元

function trim(str){
    return str.replace(/^\s*|\s*$/g,'')
}
console.log(trim('  hellohello   '))

3. 寫一個函式isEmail(str)，判斷使用者輸入的是不是郵箱

function isEmail(str){
    var reg = /^\w+@\w+\.\w+$/;
    return reg.test(str)
}
console.log(isEmail('1163172265@qq.com'));
console.log(isEmail('1163172265qq.com'))

4. 寫一個函式isPhoneNum(str)，判斷使用者輸入的是不是手機號

function isPhoneNum(str){
    var reg = /^1\d{10}$/g
    return reg.test(str)
}
console.log(isPhoneNum('1830000002433'));
console.log(isPhoneNum('18300002433'))

5. 寫一個函式isValidUsername(str)，判斷使用者輸入的是不是合法的使用者名稱（長度6-20個字元，只能包括字母、數字、下劃線）

function isValidUsername(str){
    var reg = /^\w*$/g
    if(str.length>=6&&str.length<=20){
        if(reg.test(str)){
            return '使用者名稱'+str+'合法！'
        }else{
            return '使用者名稱'+str+'含有非法字元，請重新輸入！'
        }
    }else if(str.length>20){
         return '使用者名稱'+str+'過長，請重新輸入！'
    }else{
        return '使用者名稱'+str+'過短，請重新輸入！'
    }
}
console.log(isValidUsername('hahaha'))
console.log(isValidUsername('hahaha~'))
console.log(isValidUsername('abcdefghijklmnopqrstuvwxyz'))
console.log(isValidUsername('haha'))

6. 寫一個函式isValidPassword(str), 判斷使用者輸入的是不是合法密碼（長度6-20個字元，只包括大寫字母、小寫字母、數字、下劃線，且至少至少包括兩種）

function isValidPassword(str){
    if(str.length<6) return '密碼'+str+'過短，請重新輸入！'
    if(str.length>20) return '密碼'+str+'過長，請重新輸入！'
    if(!/^\w{6,20}$/.test(str)) return '密碼'+str+'含有非法字元，請重新輸入！'
    if(/^\d{6,20}$/.test(str)) return '密碼'+str+'過於簡單，請重新輸入！'
    if(/^[a-z]{6,20}$/.test(str)) return '密碼'+str+'過於簡單，請重新輸入！'
    if(/^[A-Z]{6,20}$/.test(str)) return '密碼'+str+'過於簡單，請重新輸入！'
    if(/^_{6,20}$/.test(str)) return '密碼'+str+'過於簡單，請重新輸入！'
    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'))

7. 寫一個正規表示式，得到如下字串裡所有的顏色

var re = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})(?![0-9a-fA-F])/g
//另一種寫法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""]
//原因：貪婪模式會在滿足條件的情況下，儘可能多的匹配，即"  hunger" , hello "world"  '

/*可以輸出[""hunger"", ""world""]的寫法*/
var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;
str.match(pat);