\d，\w,\s,[a-zA-Z0-9],\b,.,,+,?,x{3},^$分別是什么?*
\d：匹配數(shù)字
\w：匹配數(shù)字字母下劃線
\s：匹配一個(gè)空白字符
[a-zA-Z0-9]：匹配a到z的26個(gè)字母的大小寫，0到9的所有數(shù)字
\b：退格符(BackSpace)
.：匹配除換行符之外的任何一個(gè)字符
：匹配前面的子表達(dá)式零次或多次。如ab可以匹配"a"及"abbb",但不能匹配"bbb"，等價(jià)于{0，}
+：匹配前面的子表達(dá)式一次或多次。如"ab+可以匹配"ab"及"abbb",但不能匹配"a"及"bbb"，等價(jià)于{1，}
?：匹配前面的子表達(dá)式零次或一次。如ab?可以匹配"a"及"ab"，等價(jià)于{0，1}
x{3}：匹配包含x的三個(gè)序列的字符串
^n：匹配任何以n開頭的字符串
n&：匹配任何以n結(jié)尾的字符串

貪婪模式和非貪婪模式指什么
貪婪模式是指整個(gè)表達(dá)式被匹配成功的情況下，盡可能多的匹配，而非貪婪模式指的是盡可能少的匹配
屬于貪婪模式的量詞，也叫做匹配優(yōu)先量詞，包括：
“{m,n}”、“{m,}”、“?”、“”和“+”。
在匹配優(yōu)先量詞后加上“?”，即變成屬于非貪婪模式的量詞，也叫做忽略優(yōu)先量詞，包括：
“{m,n}?”、“{m,}?”、“??”、“?”和“+?”。

代碼題

寫一個(gè)函數(shù)trim(str)，去除字符串兩邊的空白字符

function trim(str){
   return str.replace(/(^\s)|(\s$)/g,'');
}

實(shí)現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls)，使用正則

function hasClass(el,cls){
  var reg = new RegExp('(\\s|^)' + cls +'(//b|$)','g');
  return reg.test(el.className);
}
function addClass(el,cls){
  if(!hasClass(el,cls)){
    return el.className+' '+cls;
  }
}
function removeClass(el,cls){
  if(hasClass(el,cls)){
    var reg = new RegExg('(\\s|^)' + cls +'(//b|$)','g');
    return el.className.replace(reg,'');
  }
}

寫一個(gè)函數(shù)isEmail(str)，判斷用戶輸入的是不是郵箱

function isEmail(str){
  var reg = /^\S+@\S+\.com$/;
  return reg.test(str);
}

寫一個(gè)函數(shù)isPhoneNum(str)，判斷用戶輸入的是不是手機(jī)號(hào)

function isPhoneNum(str){
  var reg = /1[1-9]\d{9}/;
  return reg.test(str);
}

寫一個(gè)函數(shù)isValidUsername(str)，判斷用戶輸入的是不是合法的用戶名（長度6-20個(gè)字符，只能包括字母、數(shù)字、下劃線）

function isValidUsername(str){
  var reg = /\w{6,20}/;
  return reg.test(str);
}

寫一個(gè)函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼（長度6-20個(gè)字符，包括大寫字母、小寫字母、數(shù)字、下劃線至少兩種）

function isValidPassword(str){
  var reg = /\w{6,20}/;
  var i = 0;
  if(reg.test(str)){
  if(/[A-Z]/.test(str)){i++;}
  if(/[a-z]/.test(str)){i++;}
  if(/[0-9]/.test(str)){i++;}
  if(/'_'/.test(str)){i++;}
  if(i>=2){
    return true;
  }else{
    return false;
  }
 }
}

寫一個(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;

下面代碼輸出什么? 為什么? 改寫代碼，讓其輸出hunger, world.

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
console.log(str.match(pat)); 
//輸出``"hunger", hello "world"``,因?yàn)檎齽t默認(rèn)采取貪婪模式，在匹配到"hunger"和"world"后，默認(rèn)也會(huì)匹配到hello

var pat =  /".*?"/g;
//在后面加上"?"轉(zhuǎn)換成非貪婪模式

var pat = /"[^"]+"/g;

補(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 = /<!--[\W\w]*?-->/g;//非貪婪模式,這里的[\w\W]不能使用"."代替，因?yàn)榘袚Q行，而"."不包含換行和行結(jié)束符

str = '.. <!-- My -- comment \n test --> ..  <!----> .. ';
re = /<!--[^>]*-->/g;//貪婪模式

補(bǔ)全如下正則表達(dá)式

var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'