• 關(guān)鍵詞：正則表達(dá)式

我的理解：明確目的規(guī)則，了解正則字符含義，拼湊正則規(guī)則模板，就像作者寫文章

 1. 正則表達(dá)式，又稱規(guī)則表達(dá)式。計(jì)算機(jī)科學(xué)的一個(gè)概念。正則表通常被用來檢索、替換那些符合某個(gè)模式(規(guī)則)的文本。
 2. 正則表達(dá)式語言由兩種基本字符類型組成：原義（正常）文本字符和元字符。元字符使正則表達(dá)式具有處理能力。
 3. 所謂元字符就是指那些在正則表達(dá)式中具有特殊意義的專用字符，可以用來規(guī)定其前導(dǎo)字符（即位于元字符前面的字符）在目標(biāo)對象中的出現(xiàn)模式。

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

2. 編寫函數(shù)trim(str)，功能：去除字符串兩邊的空白字符

• 思路

 1. 要求：刪除開頭結(jié)尾的空白字符
 2. 匹配：匹配開頭結(jié)尾的空白字符  // 開頭^; 空白字符\s; 出現(xiàn)任意次*; 或|; 結(jié)尾$; 
 3. 替換：替換掉匹配到的空白字符  // str.replace(x, y)

• 代碼

function trim(str){
    var deleteBlank = /^\s*|\s*$/g;  // 正則匹配篩選
    var back = str.replace(deleteBlank, '');  // 字符串替換去除
    return back;
}
var result1 = trim(' dd   dd dd   ');
var result2 = trim('   ddd ddd  dd');
console.log(result1);  // dd   dd dd
console.log(result2);  // ddd ddd  dd

3. 編寫函數(shù)isEmail(str)，功能：判斷用戶輸入的是不是郵箱

• 思路

 1. 要求：確定郵箱格式：xxx@xxx.com（對比163的部分規(guī)則）
 2. 建造：根據(jù)要求建立規(guī)則模式
 3. 判斷：用戶輸入格式是否符合要求
 4. 反饋：合法格式——提示：‘歡迎回來！’；非法格式——提示：‘郵箱輸入錯(cuò)誤！’
 5. 防火，防盜，放拼寫錯(cuò)誤！

• 代碼

function isEmail(str){
    var emailFormat = /^[a-zA-Z]\w{5,17}@\w+\.[a-z]{2,4}$/g;
    var back = emailFormat.test(str);  // 注意 test 的拼寫，不要錯(cuò)寫為 text
    if(back === true){
        return '歡迎回來！';
    }else {
        return '郵箱輸入錯(cuò)誤！';
    }
} 
var result1 = isEmail('nathanyang1991@163.com');
console.log(result1);  // 歡迎回來！
var result2 = isEmail('LOL7@qq.com');
console.log(result2);  // 郵箱輸入錯(cuò)誤！

4.編寫函數(shù)isPhoneNum(str)，功能：判斷用戶輸入的是不是手機(jī)號

• 思路

 1. 要求：確定手機(jī)號碼格式：1xxxxxxxxxx 【2. 3. 略——翻看第2題】
 4. 反饋：合法格式——提示：‘歡迎回來！’；非法格式——提示：‘手機(jī)號碼輸入錯(cuò)誤！’

• 代碼

function isPhoneNum(str) {
    var num = /^1\d{10}$/;
    var back = num.test(str);
    if(back === true){
        return '歡迎回來！';
    }else {
        return '手機(jī)號碼輸入錯(cuò)誤！';
    }
}
var result1 = isPhoneNum('18966668888');
console.log(result1);  // 歡迎回來！
var result2 = isPhoneNum('6896666');
console.log(result2);  // 手機(jī)號碼輸入錯(cuò)誤！

5. 編寫函數(shù)isValidUsername(str)，功能：判斷用戶輸入的是不是合法的用戶名

• 思路

 1. 要求：用戶名格式：長度6-20個(gè)字符，只能包括字母、數(shù)字、下劃線 
 4. 反饋：合法格式——提示：‘用戶名輸入正確！’；非法格式——提示：‘用戶名輸入錯(cuò)誤！’

• 代碼

function isValidUsername(str){
    var username = /^\w{6,20}$/g;
    var back = username.test(str);
    if(back === true){
        return '用戶名輸入正確！';
    }else {
        return '用戶名輸入錯(cuò)誤！';
    }
}
var result1 = isValidUsername('Teemo');   // 萌神提莫
console.log(result1);  // 用戶名輸入錯(cuò)誤！
var result2 = isValidUsername('Ezreal');  // 伊澤瑞爾
console.log(result2);  // 用戶名輸入正確！

6. 編寫函數(shù)isValidPassword(str)，功能：判斷用戶輸入的是不是合法密碼

• 思路

 1. 要求：用戶名格式：長度6-20個(gè)字符，只包括大寫字母、小寫字母、數(shù)字、下劃線，且至少至少包括兩種 
 4. 反饋：合法格式——提示：‘密碼正確！’；非法格式——提示：‘密碼錯(cuò)誤！’

• 代碼

function isValidPassword(str) {
    if(!/^\w{6,20}$/g.test(str)) return '密碼格式錯(cuò)誤';  // 非 \w{6,20} 錯(cuò)誤
    if(/^\d{6,20}$/g.test(str)) return '密碼格式錯(cuò)誤';  // 全是數(shù)字 錯(cuò)誤
    if(/^[a-z|A-Z]{6,20}$/g.test(str)) return '密碼格式錯(cuò)誤';  // 全是字母錯(cuò)誤
    if(/^_{6,20}$/g.test(str)) return '密碼格式錯(cuò)誤';  // 全是下劃線錯(cuò)誤
    return '密碼格式正確';  // 其他正確
}
var result1 = isValidPassword('mima666');
console.log(result1);  // 密碼格式正確
var result2 = isValidPassword('wodemima');
console.log(result2);  // 密碼格式錯(cuò)誤
var result3 = isValidPassword('mima');
console.log(result3);  // 密碼格式錯(cuò)誤

7. 編寫正則表達(dá)式，功能：得到如下字符串里所有的顏色

• 思路

 1. 要求：顏色格式—— #xxxxxx （16進(jìn)制顏色）
 2. 建造：根據(jù)要求建立模式規(guī)則
 3. 篩選：匹配顏色字符，得到結(jié)果

• 代碼

/*var re = 正則補(bǔ)全*/
var re = /#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}!\w$/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

8.1 下面代碼輸出什么? 為什么?

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

• 輸出：" "hunger", hello "world" "
• 原因：

 1. 結(jié)果以字符串中出現(xiàn)的：第一個(gè)引號作為開始，最后一個(gè)引號作為結(jié)束 ———— 進(jìn)行匹配劃分
 2. 首先匹配引號，并將引號作為字符串的開頭 "和結(jié)尾（不懂正則解析規(guī)則）"
 3. ' .* ' 相當(dāng)于 任意字符{0,∞} ，貪婪模式下會(huì)按照無窮大進(jìn)行匹配 
 4. 正則表達(dá)式默認(rèn)處于貪婪模式（并未觸發(fā)其非貪婪模式，使用 ‘?’ 即可觸發(fā)）
 5. 貪婪模式：按規(guī)定的最大值進(jìn)行匹配
 6. 非貪婪模式：按規(guī)定的最小值進(jìn)行匹配

8.2 改寫代碼，讓其輸出["hunger", "world"]

• 思路

 1. 兩個(gè)字符串都以 引號 作為開頭和結(jié)尾：即見到 引號 就作為開頭和結(jié)尾進(jìn)行劃分
 2. 應(yīng)該觸發(fā)其非貪婪模式：按照最小值進(jìn)行匹配
 3. 非貪婪模式：使用 ‘?’ 觸發(fā)，如下

• 代碼改寫

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

• 此時(shí)輸出：" "hunger", "world" "

本文章著作權(quán)歸饑人谷和作者所有，轉(zhuǎn)載須說明來源！