一、問答
1.\d秀存，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
\d ：匹配數(shù)字 相當(dāng)于[0-9]
\w：匹配字母數(shù)字下劃線相當(dāng)于[A-Za-z0-9_]
\s ：匹配空格（包括制表符透且、空格符撕蔼、斷行符等） 相當(dāng)于[\t\n\r\v\f]
[a-zA-Z0-9]: 匹配所有字母和數(shù)字
\b:表示單詞邊界：單詞邊界形成條件" "（空格）和"-"(橫杠)
. 字符:匹配除回車(\r)、換行(\n) 秽誊、行分割符（\u2028）和段分割符（\u2029）以外的所有字符
*字符： 匹配0到以上相當(dāng)于{0,}
+字符：匹配1到以上相當(dāng)于{1,}
?字符：匹配到0到1次相當(dāng)于{0,1}除此之外問號也可以做非貪婪模式
x{3}： 匹配3個x
位置字符：表示字符串開始位置鲸沮，$表示字符串結(jié)束位置,另外符號在中括號內(nèi)部表示不等于
2.貪婪模式和非貪婪模式指什么?
+符號和*符號默認(rèn)是盡可能的匹配更多的字符,這就是貪婪模式。
如果在后面加上問號锅论，就會變成一旦滿足條件后就不再匹配 這就是非貪婪模式讼溺。
*?：表示某個模式出現(xiàn)0次或多次，匹配時采用非貪婪模式
+?：表示某個模式出現(xiàn)1次或多次最易，匹配時采用非貪婪模式每聪。
/a+/.exec("aaa"); //["aaa"]
/a+?/.exec("aaa); //["a"] //滿足有一個a即可
/a+?b/.exec("aab") //["aab"] //滿足一個或者多個a后面有一個b
/a*?b/.exec("aab"); //["aab"] //滿足0個或者多個a后面有一個b
/a*?b/.exec("b") //["b"] //沒有a直接返回b
二绎秒、代碼
- 寫一個函數(shù)trim(str)，去除字符串兩邊的空白字符
function trim(str){
if(!str) return "";
if( typeof(str!=="string")){
str+="";
}
if(str==="") return "";
return str.replace(/^\s+/,"").replace(/\s+$/,"");
}
使用實現(xiàn) addClass(el, cls)、hasClass(el, cls)绑蔫、removeClass(el,cls)浆竭，使用正則
//使用實現(xiàn) addClass(el, cls)腊徙、hasClass(el, cls)响蓉、removeClass(el,cls)，使用正則
function addClass(el,cls){
var flag=hasClass(el,cls);
if(flag===undefined) return;
if(!flag){
el.className=trim((el.className+" "+cls).replace(/\s{2,}/g," "));
}
}
function removeClass(el,cls){
var flag=hasClass(el,cls);
if(flag===undefined) return;
if(flag){
//這里要排除\b匹配前后有"-"的情況,還要使用全局匹配
var reg=new RegExp("(^|[^-])\\b"+cls+"\\b($|[^-])","g");
el.className=trim(el.className.replace(reg,"").replace(/\s{2,}/g," "));
}
}
function hasClass(el,cls){
if(el&&el.className!=null&&cls!=null){
var className=el.className;
if(typeof className==="string"){
className+="";
}
if(cls==="") return true;
if(className==="") return false;
if(className===cls) return true;
//這里要排除\b匹配前后有"-"的情況
var reg=new RegExp("(^|[^-])\\b"+cls+"\\b($|[^-])");
console.log(reg);
console.log('ret',reg.test(className))
return reg.test(className);
}
}
寫一個函數(shù)isEmail(str)鄙早，判斷用戶輸入的是不是郵箱
function isEmail(str){
if(!str) return;
if(typeof str==="string") str+="";
var reg=/^\w+@[A-Za-z0-9]+\.\w+$/;
return reg.test(str);
}
寫一個函數(shù)isPhoneNum(str)汪茧，判斷用戶輸入的是不是手機號
function isPhoneNum(str){
if(!str) return false;
if(typeof str!=="string") str+="";
var reg=/^1[358]\d{9}/;
return reg.test(str);
}
寫一個函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個字符限番，只能包括字母舱污、數(shù)字、下劃線）
function isValidUsername(str){
if(!str) return false;
if(typeof str==="string") str+="";
var reg=/^\w{6,20}$/;
return reg.test(str);
}
寫一個函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個字符弥虐，包括大寫字母扩灯、小寫字母别威、數(shù)字、下劃線至少兩種）
function isValidPassword(str){
if(!str) return false;
if(typeof str==="string") str+="";
if(/^\w{6,20}$/.test(str)){
var num=0;
if(/[A-Z]/.test(str)) num++;
if(/[a-z]/.test(str)) num++;
if(/[0-9]/.test(str)) num++;
if(/_/.test(str)) num++;
if(num>=2) return true;
}
return false;
}
寫一個正則表達(dá)式驴剔，得到如下字符串里所有的顏色（#121212）
var reg=/#[0-9a-fA-F]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log("match",subj.match(reg)) // #121212,#AA00ef
下面代碼輸出什么? 為什么? 改寫代碼省古，讓其輸出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g; //使用非貪婪模式
str.match(pat).toString().replace(/"/g,"").split(",");
補全如下正則表達(dá)式，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
//方法一
var str = '.. <!-- My -- comment \n test --> .. <!----> .. '
var re = /<!--[^]*?-->/g
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
//方法二
re=/<!--(\w|\s|-)*(-->)/g;
str.match(re)
//補全如下正則表達(dá)式
var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'
參考文檔：饑人谷課件
本教程版權(quán)歸小韓同學(xué)和饑人谷所有丧失，轉(zhuǎn)載須說明來源
