問答
一辱志、\d蝠筑，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
\d：查找數(shù)字
\w：查找單詞字符（字母、數(shù)字揩懒、下劃線)
\s：查找空白字符（空格什乙、回車、換行已球、tab）
[a-zA-Z0-9]：查找方括號(hào)之間的任何字符
-
\b：匹配一個(gè)單詞邊界（包括 開頭臣镣、結(jié)尾、空格分割智亮、中橫線分割）忆某，不匹配任何字符
eg1：
Paste_Image.png
匹配結(jié)果是：成功；匹配到的內(nèi)容是："@a"阔蛉；匹配到的位置是：開始于2弃舒，結(jié)束于4。
進(jìn)一步說明："/b" 與 "^" 和 "$" 類似，本身不匹配任何字符聋呢，但是它要求它在匹配結(jié)果中所處位置的左右兩邊苗踪，其中一邊是 "/w" 范圍，另一邊是 非"/w" 的范圍削锰。
eg2：
Paste_Image.png
匹配結(jié)果是：成功通铲；匹配到的內(nèi)容是："end"；匹配到的位置是：開始于15器贩，結(jié)束于18颅夺。 *：匹配任何0次或多次規(guī)則相符的字符串
+：匹配任何至少包括一次規(guī)則相符的字符串
?：匹配任何0個(gè)或一個(gè)規(guī)則相符的字符串
x{3}：匹配3個(gè)x的序列的字符串
^：與字符串開始的地方匹配，不匹配任何字符
$：與字符串結(jié)束的地方匹配磨澡，不匹配任何字符
二碗啄、貪婪模式和非貪婪模式指什么?
- 貪婪模式:量詞在默認(rèn)下是盡可能多的匹配的，例如：
'123456789'.match(/\d{3,5}/g); //["12345", "6789"]
非貪婪模式:讓正則表達(dá)式盡可能少的匹配稳摄，一旦成功匹配不再繼續(xù)嘗試稚字，在量詞后加上?即可，例如：
'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]
- 編程中如何區(qū)分兩種模式
默認(rèn)是貪婪模式厦酬；在量詞后面直接加上一個(gè)問號(hào)胆描？就是非貪婪模式。
量詞：{m,n}：m到n個(gè)
*：任意多個(gè)
+：一個(gè)到多個(gè)
≌淘摹昌讲？：0或一個(gè)
參考
代碼題
一、寫一個(gè)函數(shù)trim(str)减噪，去除字符串兩邊的空白字符
function trim(str){
var reg =/^\s+|\s+$/g;
console.log( str.replace(reg,'' ));
}
二短绸、使用實(shí)現(xiàn) addClass(el, cls)、hasClass(el, cls)筹裕、removeClass(el,cls)醋闭，使用正則
function hasClass(el, cls) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)')//\\s:需要匹配“\s”本身需要轉(zhuǎn)義符輔助表達(dá)
return reg.test(el.className);
}
function addClass(el,cls){
var str =el.className;
if(!hasClass(el,cls)){
str +=' '+ cls;
}
}
function removeClass(el,cls){
var str =el.className;
if(hasClass(el,cls)){
str= str.replace(cls,'');
return str;
}
else str;
}
三、寫一個(gè)函數(shù)isEmail(str)朝卒，判斷用戶輸入的是不是郵箱
function isEmail(str){
var reg =/\S+[@]{1}(\S)+\.\w+/;
if(reg.test(str)){console.log("有效郵箱")}
else {console.log("無(wú)效郵箱")}
}
四证逻、寫一個(gè)函數(shù)isPhoneNum(str)，判斷用戶輸入的是不是手機(jī)號(hào)
function isPhoneNum(str){
var reg=/ ^1[358]\d{9}$/;
if (reg.test(str)) {
console.log('有效的手機(jī)號(hào)碼');
}else{
console.log("無(wú)效的手機(jī)號(hào)碼");
}
}
五抗斤、寫一個(gè)函數(shù)isValidUsername(str)囚企，判斷用戶輸入的是不是合法的用戶名（長(zhǎng)度6-20個(gè)字符，只能包括字母瑞眼、數(shù)字龙宏、下劃線）
function isValidUsername(str){
var reg =/^\w{6,20}$/
if (reg.test(str)) {
console.log("有效用戶名");
}else{
console.log("請(qǐng)輸入正確的用戶名");
}
}
六、寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符伤疙，只包括大寫字母烦衣、小寫字母、數(shù)字、下劃線花吟，且至少至少包括兩種）
function isValidPassword(str){
var rag1=/^\w+{6,20}$/;
var rag2=/(^[0-9]+$)|(^[a-z]+$)|(^[A-Z]+$)|(^_+$)/;
if(rag1.test(str)==true){
if(rag2.test(str)==true){
alert("格式錯(cuò)誤");
}
else{
return str;
};
}
else{
alert("格式錯(cuò)誤");
}
};
七秸歧、寫一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色（#121212）
Paste_Image.png
var re = /[#]{1}[0-9a-fA-F]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log( subj.match(re) ) // #121212,#AA00ef
八衅澈、下面代碼輸出什么? 為什么? 改寫代碼键菱，讓其輸出hunger, world.
輸出：
Paste_Image.png
原因：因?yàn)樘幱谪澙纺Ｊ剑ヅ? "之間的除了換行和回車之外的任意字符
改寫：
//非貪婪模式
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat); // "hunger","world"
//貪婪模式
var str = 'hello "hunger" , hello "world"';
var pat=/"[^"]+"/g;
str.match(pat);
[""hunger"", ""world""]
九今布、補(bǔ)全如下正則表達(dá)式经备，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
Paste_Image.png
//非貪婪模式：
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[\W\w]*?-->/g;
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
//貪婪模式：
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[^>]*-->/g;
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
十、補(bǔ)全如下正則表達(dá)式
Paste_Image.png
//非貪婪模式：
var re = /<[^>]+?>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
//貪婪模式：
var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
