我時(shí)常感到困惑，為什么有些知識(shí)我總是覺(jué)得模糊，其實(shí)就是想的少，總結(jié)的少，大多數(shù)人也如此，有疑惑不清楚就找出來(lái)，想明白或者想不明白都記錄下來(lái)自己的收獲，比扭頭忘記還是要好很多吧。。好我覺(jué)得js中的正則我不是很清楚，那么來(lái)看一下吧。
首先6這個(gè)具象的數(shù)字可以幫助我們整體記憶了，666哈哈
范圍
js中有兩個(gè)類(lèi)可以讓正則發(fā)揮作用
創(chuàng)建
- var re =/ab+c/
方式一：正則表達(dá)字面量，這種直接是常量的表示用法可以讓js解析器提高性能
- var re =newRegExp('ab+c')
方式二：構(gòu)造函數(shù)，這種方式可以在runtime的時(shí)候動(dòng)態(tài)確定正則是什么，更加靈活
常用特殊字符
來(lái)記憶一些常用特殊字符，這個(gè)是正則本身的范疇了，是不是總覺(jué)得記不住？其實(shí)我也記不住，每次都是去搜索和online驗(yàn)證來(lái)完成一些任務(wù)。我也困惱過(guò)，其實(shí)最后還是因?yàn)樽约簩?xiě)的少吧，唯手熟爾。。。下面的總結(jié)不寫(xiě)具體內(nèi)容，只列出具體特殊字符和分類(lèi)，可以嘗試一下說(shuō)出他們的意義，我覺(jué)得比看表格更有利于記憶。。。
- 匹配量的：* + ? {n} {n,} {n,m} .
- 匹配位置的：^ $
- 匹配并且需要支持分組的時(shí)候需要括號(hào)來(lái)包裹：(匹配的模式)
- 匹配條件的：|
- 匹配集合的：[]
- 匹配非集合的：[^]
還有大量的由和字母組成的特殊含義的匹配模式，這些用到的時(shí)候查詢(xún)就可以了，沒(méi)有必要記住，其實(shí)我是記不住。。。
例子
例子是最好的老師。。。。例子來(lái)源于MDN
- var myRe =/d(b+)d/g;
- myRe.exec('cdbbdbsdbdbz')// ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]
- myRe.exec('cdbbdbsdbdbz')// ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"]
- myRe.exec('cdbbdbsdbdbz')// null
注意對(duì)于每個(gè)正則對(duì)象的exec每次調(diào)用都只返回一個(gè)匹配，如果需要拿到全部匹配就需要while循環(huán)獲取，循環(huán)結(jié)束標(biāo)志是返回值為null
- 'cdbbdbsdbdbz'.match(/d(b+)d/g)// ["dbbd", "dbd"]
- 'cdbbdbsdbdbz'.match(/d(b+)d/)// ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]
string的match挺奇怪的，如果是global匹配則出所有匹配的數(shù)組，如果不是，則出第一個(gè)匹配的字符串，以及相應(yīng)的捕獲內(nèi)容
- var str ='hello world!';
- var result =/^hello/.test(str);// true
- 'cdbbdbsdbdbz'.search(/d(b+)d/)// 1
- 'xxx'.search(/d(b+)d/)// -1 沒(méi)有匹配
- var names ='Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand ';
- var re =/s*;s*/;
- var nameList = names.split(re);
- // [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
- var re =/Apples/gi;
- var str ='Apples are round, and apples are juicy.';
- var newstr = str.replace(re,'oranges');
- // // oranges are round, and oranges are juicy.
這個(gè)replace方法的用法著實(shí)比較多，只放了最基礎(chǔ)用法，當(dāng)有需求的時(shí)候再查就好了，整體有概念了再實(shí)踐比強(qiáng)行記憶要好吧~
我自己是一名從事了多年開(kāi)發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。
源自：http://varnull.cn/yi-ci-ji-zhu-jsde-6ge-zheng-ze-fang-fa/
文章著作權(quán)歸作者所有，如有侵權(quán)，請(qǐng)聯(lián)系小編刪除。
