問答
\d栈顷，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?
\d：數(shù)字字符
\w：單詞字符，字母鸵鸥、數(shù)字奠滑、下劃線
\s：空白符
[a-zA-Z0-9]:大小寫字母、數(shù)字
\b：單詞邊界
.：除了回車符和換行符之外的所有字符
*:出現(xiàn)零次或多次（任意次）
+:出現(xiàn)一次或多次（至少出現(xiàn)一次）
?:出現(xiàn)零次或一次（最多出現(xiàn)一次）
x{3}:出現(xiàn)3次
^:以xxx開頭
$:以xxx結(jié)尾
貪婪模式和非貪婪模式指什么?
貪婪模式
正則表達(dá)式在默認(rèn)下是盡可能多的匹配妒穴，例如
'132 4135 6713 1907134' .match(/\d{3,5}/g); //["132", "4135", "6713", "19071"]非貪婪模式
讓正則表達(dá)式盡可能少的匹配宋税，也就是說一旦成功匹配不再繼續(xù)嘗試
'132 4135 6713 1907134' .match(/\d{3,5}?/g); //["132", "413", "671", "190", "713"]
代碼題
寫一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白字符
var trim(str){
console.log(str.replace(/^\s+|\s+$/g,""));
}
使用實(shí)現(xiàn) addClass(el, cls)讼油、hasClass(el, cls)杰赛、removeClass(el,cls)，使用正則;
//提示: el為dom元素矮台，cls為操作的class乏屯， el.className獲取el元素的class
function addClass(el, cls) {
if (!hasClass(el, cls)) {
el.className += " " + cls;
}
}
function hasClass(el, cls) {
var reg = new RegExp('\\b' + cls + '\\b', 'g');
return reg.test(el.className);
}
function removeClass(el, cls) {
var reg = new RegExp('\\b' + cls + '\\b', 'g'),
tmp = node.className.replace(reg, '').replace(/\s{2,}/g, ' '); //把兩個(gè)以上的空格替換為一個(gè)空格
el.className = trim(tmp);
}
寫一個(gè)函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱
function isEmail(str){
var email=/^\w+@[a-zA-Z0-9]+.[a-zA-Z]+$/;
return email.test(str);
}
寫一個(gè)函數(shù)isPhoneNum(str)瘦赫，判斷用戶輸入的是不是手機(jī)號(hào)
function isPhoneNum(str){
var phone=/^1[35789][0-9]{9}$/;
return phone.test(str);
}
寫一個(gè)函數(shù)isValidUsername(str)辰晕，判斷用戶輸入的是不是合法的用戶名（長度6-20個(gè)字符，只能包括字母耸彪、數(shù)字伞芹、下劃線）
function isValidUsername(str){
var user=/^\w{6,20}$/;
return user.test(str);
}
寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個(gè)字符，包括大寫字母、小寫字母唱较、數(shù)字扎唾、下劃線至少兩種）
function isValidPassword(str){
if (str.length<6|str.length>20){
return false;
}
if(/^[a-zA-Z_0-9]/.test(str)){
return false;
}
if(/^[a-z]+$|^[A-Z]+$|^[0-9]+$|^_+$/).test(str){
return false;
}
return ture;
}
寫一個(gè)正則表達(dá)式，得到如下字符串里所有的顏色（#121212）
var re = /#[a-fA-F0-9]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width:12px; bad-colors: #ffddee #fd2 ";
alert( subj.match(re) ); // #121212,#AA00ef
下面代碼輸出什么? 為什么? 改寫代碼南缓，讓其輸出hunger, world
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);//在貪婪模式下輸出 "hunger",hello "world"
var pat=/".*?"/g;
str.match(pat);//在非貪婪模式下輸出"hunger","world"
補(bǔ)全如下正則表達(dá)式胸遇，輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--.*[\w\W]*?-->/g;
str.match(re); //非貪婪模式
str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
re = /<!--[^>]*-->/g; //貪婪模式
str.match(re);
補(bǔ)全如下正則表達(dá)式
var re = /<[^>]+>/g ;
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re) ;// '<a href="/">', '<input type="radio" checked>', '<b>'