本教程版權(quán)歸小圓和饑人谷所有，轉(zhuǎn)載須說(shuō)明來(lái)源
問(wèn)答
\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
\d：數(shù)字字符
\w：?jiǎn)卧~字符扣孟，字母钓丰、數(shù)字下劃線
\s：任何不可見(jiàn)字符疹蛉，包括空格磺平、制表符、換頁(yè)符
[a-zA-Z0-9]：從a到z沃但，從A到Z磁滚，從0到9，即所有的字母和數(shù)組\b：?jiǎn)卧~邊界
.： 除了換行和回車之外的任意字符
*：出現(xiàn)零次或多次（任意次）
+：出現(xiàn)一次或多次（至少一次）
?：出現(xiàn)零次或一次
x{3}：包含3個(gè)x的序列的字符串
^$：開(kāi)頭為$的字符串貪婪模式和非貪婪模式指什么?
貪婪模式：指{n,m}宵晚、?垂攘、+、*這些在默認(rèn)情況下都是盡最大可能匹配淤刃，直到下一個(gè)字符不滿足匹配規(guī)則為止
非貪婪模式：與貪婪模式相反晒他，即盡可能少地匹配，在正則表達(dá)式的量詞后面添加個(gè)“?”即可
代碼題
- 寫(xiě)一個(gè)函數(shù)
trim(str)逸贾，去除字符串兩邊的空白字符
function trim(str) {
var patt = /^\s+|\s+$/g;
return str.replace(patt,'');
}
輸出
- 使用實(shí)現(xiàn)
addClass(el, cls)陨仅、hasClass(el, cls)津滞、removeClass(el,cls)，使用正則
ps： 視頻里問(wèn)題糾正
提示: el為dom元素灼伤，cls為操作的class触徐， el.className獲取el元素的class
function hasClass(el, cls) {
var reg = new RegExp(('(^\\s|)' + cls + '(\\b|$)'), 'g');
return reg.test(el.classname);
}
function addClass(el,cls) {
var reg = new RegExp(('(^\\s|)' + cls + '(\\b|$)'), 'g');
if (!reg.test(el.classname)) {
return el.classname += ' ' + cls;
}
}
function removeClass(el,cls) {
var reg = new RegExp('(^\\s|)' + cls + '(\\b|$)', 'g');
if(reg.test(el.classname)) {
return el.classname.replace(cls,'');
}
}
輸出
- 寫(xiě)一個(gè)函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str) {
var patt = /\S+@\S+\.\S+/;
return patt.test(str);
}
輸出
- 寫(xiě)一個(gè)函數(shù)isPhoneNum(str)狐赡，判斷用戶輸入的是不是手機(jī)號(hào)
function isPhoneNum(str) {
var patt = /^1[0-9]\d{9}$/g;
return patt.test(str);
}
輸出
- 寫(xiě)一個(gè)函數(shù)isValidUsername(str)撞鹉，判斷用戶輸入的是不是合法的用戶名（長(zhǎng)度6-20個(gè)字符，只能包括字母猾警、數(shù)字孔祸、下劃線）
function isValidUsername(str) {
var patt = /^\w{6,20}$/;
return patt.test(str);
}
輸出
- 寫(xiě)一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長(zhǎng)度6-20個(gè)字符，只包括大寫(xiě)字母发皿、小寫(xiě)字母、數(shù)字拂蝎、下劃線穴墅，且至少包括兩種）
function isValidPassword(str) {
var len = /^\w{6,20}$/;
if (!len.test(str)) {
return false;
}
var patt = /(^[A-Z]+$)|(^[a-z]+$)|(^[0-9]+$)|(^_+$])/;
if (patt.test(str)) {
return false;
}
var other = /\W/;
if (other.test(str)) {
return false;
}
}
輸出
- 寫(xiě)一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色（#121212）
var re = /*正則...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert( subj.match(re) ) // #121212,#AA00ef
回答：
var re = /#[A-Za-z0-9]{6}/g;
輸出
- 下面代碼輸出什么? 為什么? 改寫(xiě)代碼温自，讓其輸出
hunger,world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
輸出：
[""hunger" , hello "world""]
原因：/".*"/g表示匹配在全局環(huán)境下出現(xiàn)零次或多次的任意字符玄货，由于貪婪模式會(huì)盡可能多的匹配，所以出現(xiàn)了兩次的hello也被匹配悼泌。
改寫(xiě)：
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat); //[""hunger"", ""world""]
- 補(bǔ)全如下正則表達(dá)式松捉，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /.. your regexp ../
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
貪婪模式：
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[^>]*-->/g;
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
輸出
非貪婪模式：
str = '.. <!-- My -- comment \n test --> .. <!----> .. '
re = /<!--[\W\w]*?-->/g;
str.match(re) // '<!-- My -- comment \n test -->', '<!---->'
輸出
- 補(bǔ)全如下正則表達(dá)式
var re = /* your regexp */
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>'
輸出
