正則表達(dá)式

\d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$ 分別是什么?

\d 匹配任意數(shù)字0-9,相當(dāng)于[0-9];
\w 匹配單詞字母數(shù)字和下劃線,相當(dāng)于[a-zA-Z0-9_];
\s 匹配任何Unicode空白符(制表符,換行符,換頁符,回車符),[/t/n/f/r];
[a-zA-Z0-9] 匹配任意小寫字母a-z,大寫字母A-Z和數(shù)字0-9;
/b 單詞邊界,在字符集中時(shí)退格符;
. 匹配換行符和回車符之外的任意字符;
* 匹配前一項(xiàng)零次或多次,{0,};
+ 匹配前一項(xiàng)一次或多次,{1,};
? 匹配前一項(xiàng)零次或一次,{0,1};
x{3} 匹配x三次;
^ 匹配字符串的開頭;
$ 匹配字符串的結(jié)尾;

貪婪模式和非貪婪模式指的是什么?

貪婪模式:匹配重復(fù)字符是盡可能多的匹配,而且允許后續(xù)的正則表達(dá)式繼續(xù)匹配;
非貪婪模式: 匹配重復(fù)字符是盡可能少的匹配,在待匹配的字符后面跟隨一個(gè)問號(hào);

代碼

寫一個(gè)trim(str),去除字符串兩邊的空白字符

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

console.log(trim("            aaa   "));

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

function hasClass(el, cls){
 var reg = new RegExp('(\\s|^)'+ cls +'(\\s|$)','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 RegExp('(\\s|^)'+ cls +'(\\s|$)');
 return el.className.replace(reg,'');
 }
}

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

function idEmail(str){
  var reg = /^[\w_]+@\w+\.\w+$/;
  return reg.test(str);
}
console.log(idEmail("874177815@qq.com"));  //true
console.log(idEmail("ran@outlook.com"));   //true
console.log(idEmail("ra!n@outlook.com"));  //false

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

function isPhoneNum(str){
  var reg = /^1\d{10}$/;
  return reg.test(str);
}
console.log(isPhoneNum(13895463522));  //true
console.log(isPhoneNum(123456789));    //false

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

function isValidUsername(str){
  var reg = /^\w{6,20}$/g;
  return reg.test(str);
}
console.log(isValidUsername("asdf"));  //false
console.log(isValidUsername('adfadf323141_23jljjjl'));  //false
console.log(isValidUsername('asadada1221_1'));  //true

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

function isValidPassword(str){
  var reg = /^[a-zA-Z_0-9]{6,20}$/;
  var a = 0; 
 if (reg.test(str)) {
    if (/\d/.test(str)){ a++;}
    if (/[a-z]/.test(str)){ a++;}
    if (/[A-Z]/.test(str)){ a++;}
    if (/[_]/.test(str)){ a++;}
  }
  if (a>1) {
    return true;
  }else {
    return false;
  }
}
console.log(isValidPassword('asd123ASD__ad'));  //true
console.log(isValidPassword('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'));   //false
console.log(isValidPassword('aaaaaaaaa')); //false
console.log(isValidPassword('111111111'));  //false
console.log(isValidPassword('aaaaaaaAAAAAA'));  //true

寫一個(gè)正則表達(dá)式,得到如下字符串里所有的顏色(#121212)

var reg = /#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
console.log( subj.match(reg));

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

var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
console.log(str.match(pat));
輸出:"hunger" , hello "world"   貪婪模式盡可能多的匹配。
非貪婪模式:
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
console.log(str.match(pat));
或者
var str = 'hello "hunger" , hello "world"';
var pat = /"[a-z]+"/g
console.log(str.match(pat));

補(bǔ)全如下正則表達(dá)式,輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)

var str = '.. <!-- My -- comment \n test --> .. <!----> .. ';
var re = /<!--[^>]*-->/g;    //貪婪模式
var re = /<!--[\w\W]*?-->/g;    //非貪婪模式
str.match(re);        // '<!-- My -- comment \n test -->', '<!---->'

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

var re = /<[^>]+>/g;
var str = '<> <a href="/"> <input type="radio" checked> <b>';
str.match(re)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容