正則表達式

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

  • \d:在正則表達式中表示查找[0-9]的任意數(shù)字。
  • \w:在正則表達式中表示查找大小寫大小寫字符、數(shù)字、下劃線。
  • \s:在正則表達式中表示查找空白字符(空格、tab、換行、回車)
  • [a-zA-z0-9]:查找在這個范圍內(nèi)的任意一個。
  • \b:用于匹配單詞的邊界,一個單詞字符和一個非單詞字符的交界。
  • .:查找單個字符,除了換行符和結(jié)算符。
  • *:出現(xiàn)0或者多次的字符。
  • +:出現(xiàn)一次或者多次的字符。
  • ?:出現(xiàn)0次或者一次。
  • x{3}:出現(xiàn)3次X。
  • ^:匹配開頭的字符串。
  • $:匹配結(jié)束的字符串。
貪婪模式和非貪婪模式指什么?

答:貪婪模式:盡可能多的去匹配,直到不能匹配了為止。
非貪婪模式:盡可能少的去匹配,匹配到了立即停止。

寫一個函數(shù)trim(str),去除字符串兩邊的空白字符
function trim(str){
    str = str.replace(/^\s+|\s+$/g,"")
    return str
}
實現(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.text(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 + '(\\b|$)','g')
    return el.className.replace(reg,'')
}
寫一個函數(shù)isEmail(str),判斷用戶輸入的是不是郵箱
    function isEmail(str){
        var reg = /^\w+@\w+\.\w+$]/
        return reg.test(str)
    }
寫一個函數(shù)isPhoneNum(str),判斷用戶輸入的是不是手機號
    function isPhone(num){
        var reg = /^1\d{10}$/
        return reg.test(num)
    }
寫一個函數(shù)isValidUsername(str),判斷用戶輸入的是不是合法的用戶名(長度6-20個字符,只能包括字母、數(shù)字、下劃線)
function isValidUsername(str){
    var reg = /^\w{6,20}$/
    return reg.test(str)
}
寫一個函數(shù)isValidPassword(str), 判斷用戶輸入的是不是合法密碼(長度6-20個字符,包括大寫字母、小寫字母、數(shù)字、下劃線至少兩種)
function isValidPassword(str){
    var reg = /^\w{6,20}$/
    if(reg.test(str)){
        var i = 0;
        if(/[0-9]/.test(str)) i++;
        if(/[a-z]/.test(str)) i++;
        if(/[A-Z] /.test(str)) i++;
        if(/_/.test(str)) i++;
        if(i>1) return true;
        else return false
    }
        else return false
}
寫一個正則表達式,得到如下字符串里所有的顏色(#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(subj.match(reg));
下面代碼輸出什么? 為什么? 改寫代碼,讓其輸出hunger, world.
var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);  //輸出[""hunger" , hello "world""]因為它是貪婪模式,所以將hunger跟world之間的hello也匹配上了

改寫

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*?"/g;
str.match(pat);
補全如下正則表達式,輸出字符串中的注釋內(nèi)容. (可嘗試使用貪婪模式和非貪婪模式兩種方法)
str = '.. <!-- My -- comment \n test --> ..  <!----> .. '
re = /.. your regexp ../

str.match(re) // '<!-- My -- comment \n test -->', '<!---->'

貪婪模式

re = /<!--[^>]*-->/g

非貪婪模式

re = /<!--[\W\w]*?-->/
補全如下正則表達式

var re = /<[^>]+>/

var str = '<> <a href="/"> <input type="radio" checked> <b>'
str.match(re) // '<a href="/">', '<input type="radio" checked>', '<b>'

本文內(nèi)容歸本人和饑人谷所有,轉(zhuǎn)載須說明來源

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 初衷:看了很多視頻、文章,最后卻通通忘記了,別人的知識依舊是別人的,自己卻什么都沒獲得。此系列文章旨在加深自己的印...
    DCbryant閱讀 4,060評論 0 20
  • 1. \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么? \d查找數(shù)字。如...
    黃露hl閱讀 561評論 0 1
  • 問答 \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?答:\d 查找數(shù)...
    饑人谷_桶飯閱讀 306評論 0 1
  • \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^、$分別是什么? \d:查找數(shù)字\w:...
    塊壘閱讀 383評論 0 0
  • 問答 一、\d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么? \d:查找數(shù)...
    夏意與寒蟬閱讀 437評論 0 0