js正則表達(dá)式簡(jiǎn)單入門

正則表達(dá)式是一個(gè)用于操作字符串的很強(qiáng)大的工具挎扰,應(yīng)用廣泛,具有很高的價(jià)值硼一。像我們很常見的表單校驗(yàn)功能,數(shù)據(jù)爬蟲等都能用上梦抢。

分類

正則表達(dá)式中概念性的東西多而雜欠动,不易于記憶和學(xué)習(xí)。為了易于學(xué)習(xí)惑申,這幾天我簡(jiǎn)單的給正則里的概念分類和整理了一下具伍,這里記錄一下。

方法

js中正則表達(dá)式對(duì)象的方法比較少圈驼,有3個(gè)

  • compile() 編譯正則表達(dá)式
  • test() 檢測(cè)字符串是否符合特定規(guī)則人芽,返回true或者false
  • exec() 檢索字符串中指定的值。返回找到的值绩脆,并確定其位置萤厅。

結(jié)構(gòu)

結(jié)構(gòu)涉及到的東西比較少,像雙斜杠(//)靴迫,表示定義正則表達(dá)式惕味,你的正則表達(dá)式句子需要寫在雙斜杠中間;開頭匹配符(^)玉锌;結(jié)尾匹配符($)

  // 像 /ab/ 可以匹配到包含ab的字符串
  var str1 = 'hhhh你好啊ab再見222';
  var str2 = 'hhhhaaaab222';
  var str3 = 'hhhhhahhh2b';
  var reg = /ab/ ;
  console.log(reg.test(str1)); // 結(jié)果為true
  console.log(reg.test(str2)); // 結(jié)果為true
  console.log(reg.test(str3)); // 結(jié)果為false

上面的結(jié)果都很好理解名挥,一眼就看出來了,那么加上開頭匹配符和結(jié)尾匹配符呢主守?
例如像 /^abc$/ 匹配 'ab2efeafc' 和 'abc' 的結(jié)果禀倔。

    var reg = /^abc$/
    var str1 = 'ab2efeafc';
    var str2 = 'abc';
    console.log(reg.test(str1)); // false
    console.log(reg.test(str2)); // true

到這里也很好理解,但需要注意的是: 無論是^也好参淫,還是$救湖,還是之后的限定符,它們的作用范圍都是臨近的1個(gè)表達(dá)式或者字符的涎才。

限定符

限定符鞋既,意思就是前面的規(guī)則重復(fù)幾遍。在這里需要注意的是耍铜,限定符的只能作用于它前面的1個(gè)字符或者1個(gè)表達(dá)式邑闺。
例如: /ab{2}/ 這里到底是匹配 'abab' 還是 'abb' ?

    var reg = /ab{2}/;
    var str1 = 'abab';
    var str2 = 'abb';
    
    console.log(reg.test(str1)); // false
    console.log(reg.test(str2)); // true
    

限定符有以下幾種形式

  • (?) 號(hào),表示匹配前面的字符或表達(dá)式重復(fù)0次或者1次
  • (*) 號(hào)业扒,表示匹配前面的字符或表達(dá)式重復(fù)0次或者多次
  • (+) 號(hào)检吆,表示匹配前面的字符或表達(dá)式至少重復(fù)1次
  • ({n,m})舒萎,表示匹配前面的字符或表達(dá)式重復(fù)n-m次程储,若是n>m則會(huì)報(bào)錯(cuò)蹭沛。
  • ({n}),表示匹配前面的字符或者表達(dá)式n次章鲤。
    var reg = /ab?c/;
    var str1 = 'abcab';
    var str2 = 'abbc';
    var str3 = 'accb'
    
    console.log(reg.test(str1)); // true
    console.log(reg.test(str2)); // false
    console.log(reg.test(str3)); // true

區(qū)域符

所謂區(qū)域符摊灭,是指僅僅想匹配某一些指定的字符串。這里區(qū)域符有2個(gè)败徊,[]和()帚呼。
區(qū)域符很簡(jiǎn)單,比如想匹配 abc中的一個(gè)皱蹦,用[abc]煤杀,想匹配小寫a-z中的一個(gè),用[a-z]沪哺,想匹配大寫字母中的一個(gè)用[A-Z]沈自,相匹配數(shù)字可以這樣寫[0-9]
又比如匹配 . * ? + \等特殊字符,可以用[\.\*\?\+\\]這樣辜妓。

元字符

元字符枯途,即擁有特殊含義的字符。比如匹配數(shù)字籍滴,可以用\d酪夷,匹配非數(shù)字用\D;匹配換行符用\n等孽惰。具體如下

  • (.) 號(hào)晚岭,匹配單個(gè)字符,除了換行和行結(jié)束符勋功。
  • \d 腥例,匹配數(shù)字。
  • \D 酝润,匹配非數(shù)字燎竖。
  • \w ,匹配單詞要销。
  • \W 构回,匹配非單詞。
  • \s 疏咐,匹配空白符纤掸。
  • \n ,匹配換行符浑塞。
  • \f 借跪,匹配換頁(yè)符。
  • \r 酌壕,匹配回車符掏愁。
  • \t 歇由,匹配制表符。
  • \v 果港,匹配垂直符沦泌。

比如js中,去除字符串中的所有空格可以這樣寫辛掠,var newStr = oldStr.replace(/\s/g,"");
想匹配數(shù)字可以用\d 谢谦,和[0-9]是等效的。

    // 例如簡(jiǎn)單匹配手機(jī)號(hào)可以這樣寫萝衩,12號(hào)段目前是沒有的
    var reg = /^1[3456789]\d{9}$/;
    var phone1 = '12890908931'
    var phone2 = '13078765638'
    var phone3 = '130909028931'  // 12個(gè)字符
    var phone4 = '1879089789'  // 10個(gè)字符
    var phone5 = '14909038x9' // 中間有非數(shù)字
    
    console.log(reg.test(phone1)); // false
    console.log(reg.test(phone2)); // true
    console.log(reg.test(phone3)); // false
    console.log(reg.test(phone4)); // false
    console.log(reg.test(phone5)); // false
    

轉(zhuǎn)義字符

在正則中回挽,有些字符有特殊作用,像? + . / \ 等猩谊,如果想匹配這些字符呢厅各?那就用反斜杠()轉(zhuǎn)義一下。
例如: \+ \. \\ \/等预柒。

總結(jié)

學(xué)會(huì)上面那些队塘,就算是正則入門啦,以后簡(jiǎn)單的規(guī)則校驗(yàn)也難不倒了宜鸯,就算是稍微復(fù)雜點(diǎn)的正則也能看懂了憔古。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市淋袖,隨后出現(xiàn)的幾起案子鸿市,更是在濱河造成了極大的恐慌,老刑警劉巖即碗,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件焰情,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡剥懒,警方通過查閱死者的電腦和手機(jī)内舟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來初橘,“玉大人验游,你說我怎么就攤上這事”i埽” “怎么了耕蝉?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)夜只。 經(jīng)常有香客問我垒在,道長(zhǎng),這世上最難降的妖魔是什么扔亥? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任场躯,我火速辦了婚禮谈为,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘推盛。我一直安慰自己,他們只是感情好谦铃,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布耘成。 她就那樣靜靜地躺著,像睡著了一般驹闰。 火紅的嫁衣襯著肌膚如雪瘪菌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天嘹朗,我揣著相機(jī)與錄音师妙,去河邊找鬼。 笑死屹培,一個(gè)胖子當(dāng)著我的面吹牛默穴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播褪秀,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼蓄诽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了媒吗?” 一聲冷哼從身側(cè)響起仑氛,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎闸英,沒想到半個(gè)月后锯岖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡甫何,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年出吹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辙喂。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡趋箩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出加派,到底是詐尸還是另有隱情叫确,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布芍锦,位于F島的核電站竹勉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏娄琉。R本人自食惡果不足惜次乓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一吓歇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧票腰,春花似錦城看、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至缘滥,卻和暖如春轰胁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背朝扼。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工赃阀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人擎颖。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓榛斯,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親搂捧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子肖抱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344