level-21

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

\d 代表匹配[0-9]的數(shù)字
\w 代表匹配[a-zA-Z0-9_]
\s 代表匹配\t\n\r在內(nèi)的一些空字符
[a-zA-Z0-9] 匹配數(shù)字0-9、A-Z(不區(qū)分大小寫)
\b 邊界
. 匹配任意一個(gè)字符
*重復(fù)出現(xiàn)0次或多次類似{0,}
+ 至少出現(xiàn)一次 類似{1,}
?  至多出現(xiàn)一次 類似{0,1}
x{3},匹配連續(xù)出現(xiàn)3次x 的字符
^$  匹配除了$以外的字符

貪婪模式和非貪婪模式指什么?
貪婪模式是:正則表達(dá)式,趨向于匹配到符合匹配結(jié)果長度最長的字符。
一般默認(rèn)是貪婪模式
非貪婪模式是:正則表達(dá)式,趨向匹配到這個(gè)結(jié)果就好,盡可能少的匹配字符。
設(shè)置非貪婪模式后面加?;
例如:

    var regexp=/123.*/g
var regexp1=/123.*?/g
var arr="123 1234 12345 123333";
console.log(arr.match(regexp));//["123 1234 12345 123333"]
console.log(arr.match(regexp1));//["123", "123", "123", "123"]

代碼題

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

function trim(str){
    //去除左邊的字符串
    var left=new RegExp("^\\s*","g");
    // var left=/^\s*/g;
    var right =new RegExp("\\s*$","g");
    //去除右邊的字符串
    // var  right=/\s*$/g;
    var arr=str.replace(left,"");
    console.log("去除后:"+arr.replace(right,""));
    return str;
}
console.log("未開始前"+"   123456s f a f hkjh   ");
var str="   123456s f a f hkjh   ";
trim(str);

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

    //使用實(shí)現(xiàn) addClass(el, cls)、hasClass(el, cls)、removeClass(el,cls),使用正則
    //提示: el為dom元素,cls為操作的class, el.className獲取el元素的class
    //1、addClass:為指定的dom元素添加樣式。
    //2、removeClass:刪除指定dom元素的樣式。
    //3、toggleClass:如果存在(不存在),就刪除(添加)一個(gè)樣式。
    //4、hasClass:判斷樣式是否存在。
    function hasClass(el,cls){
        var ele=new RegExp("\\b"+cls+"\\b");
        if (ele.test(el)){
            return "存在樣式cls";
        }else{
            return "不存在樣式cls";
        }
    }
    function toggleClass(el,cls){
        var ele=new RegExp("\\b"+cls+"\\b");
        if (hasClass(el,cls)){
            (el.className+"").replace(cls,"");
        }else{
            el.className+=""+cls
        }
    }
    function removeClass(el.cls){
        var ele=new RegExp("\\b"+cls+"\\b");
        if(hasClass(el,cls)){
            (el.className+"").replace(cls,"");
        }
    }

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

    function isEmail(str){
        // var rag=new RegExp("^\w{6,18}@\w{2,4}\\.[cn]\w{1,2}$");
        // var rag=/^\w{6,18}@\w{2,4}\.(c|n).+$/g;
        var rag=new RegExp("^\\w{6,18}@\\w{2,4}\\.[cn].+$")
        if(rag.test(str)==true){
            console.log("您注冊的郵箱符合規(guī)范");
        }else{
            console.log("郵件地址需由字母、數(shù)字或下劃線組成,請重新注冊")
        }
    }
    var a="liruihao@163.net";
    var b="lirui_ck@aaaa.saasda";
    isEmail(a);
    isEmail(b);

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

    function isphoneNum(str){
        var reg=/^1[34578]\d{9}$/;
        if(reg.test(str)){
            console.log("輸入的號碼為手機(jī)號");
        }else{
            console.log("請輸入正確的手機(jī)號");
        }
    }
    str="123456678";
    str1="13972023324";
    str2="152311111111";
    isphoneNum(str);//請輸入正確的手機(jī)號
    isphoneNum(str1);//輸入的號碼為手機(jī)號
    isphoneNum(str2);//請輸入正確的手機(jī)號

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

    function isValidUsername(str){
        var reg=/^[\w]{6,20}$/
        if (reg.test(str)){
            console.log("符合標(biāo)準(zhǔn)");
        }else{
            console.log("不符合標(biāo)準(zhǔn)");
        }
    }
    str="1231231231231313123123123"
    isValidUsername(str);

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

<script>               
    function isValidPassword(str){
        //全部為數(shù)字,(大小寫)字母,下劃線,
        var reg=/^[a-z]{6,20}$|^[A-Z]{6,20}$|^[0-9]{6,20}$|^_{6,20}$/
        if(reg.test(str)){
            console.log("輸入密碼不合法");
        }else{
            console.log("輸入密碼合法");
        }
    }
   var str="aaaaaaaaaaaaaa";
   var str1="liruihaodA"
   isValidPassword(str);
   isValidPassword(str1);

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

var re = /#[A-Fa-f0-9]{6}/g;

var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "

console.log( subj.match(re) )  // #121212,#AA00ef

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

//下面代碼輸出什么? 為什么? 改寫代碼,讓其輸出hunger, world.
    var str = 'hello  "hunger" , hello "world"';
    var pat =  /".*"/g;
    console.log(str.match(pat));  //'"hunger" , hello "world"'
    //輸出'"hunger" , hello "world"'  
    ///".*"/g 表示匹配"." 雙引號中匹配任意非轉(zhuǎn)位符,默認(rèn)貪婪模式,即匹配'"hunger" , hello "world"'
    var reg=/"\w{5}"?/g;
    console.log(str.match(reg));

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

str = '.. <!-- My -- comment \n test --> ..  <!----> .. <!-- asdsadasd<>安大廈--> '
re = /<!--[^\r\.]*-->/g
re2 = /<!--[^\r]*?-->/g

console.log(str.match(re) );// '<!-- My -- comment \n test -->', '<!---->'
console.log(str.match(re2) );//"<!-- My -- comment ? test -->", "<!---->", "<!-- asdsadasd<>安大廈-->"

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

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

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

  • 問答 \d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么?答:\d 查找數(shù)...
    饑人谷_桶飯閱讀 341評論 0 1
  • 轉(zhuǎn)自: JS正則表達(dá)式一條龍講解,從原理和語法到JS正則、ES6正則擴(kuò)展,最后再到正則實(shí)踐思路 溫馨提示:文章很長...
    前端渣渣閱讀 1,909評論 1 32
  • 一、問答 1.\d,\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分別是什么? \d :...
    我是小韓閱讀 416評論 0 0
  • 小縣城 此時(shí)此刻已是深夜 害怕自己的皮膚因睡眠不足暗黃 但卻還在觸碰手機(jī) 看 人本就是個(gè)矛盾體 心中千絲萬縷的情緒...
    生物體閱讀 83評論 0 0
  • 時(shí)代變了,新的連接方式,需要用新的思維方式,去提高競爭力,才能成為走在時(shí)代的前面的明白人。在共讀《躍遷》第一章:高...
    踏空萃取閱讀 678評論 0 1

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