JS正則筆記

學(xué)習(xí)來源：騰訊課堂-Javascript正則表達式基礎(chǔ)
學(xué)習(xí)代碼：https://github.com/GemmaYin/RegExp

4-基礎(chǔ)-字符串和RegExp的方法-test

    // reg.test(str) 返回true/false,表示是否匹配成功
    var str = 'aaaabc abcd addd sgd abbccb ac'
    var str2 = 'ssdsss'
    var reg = new RegExp("a(b*)c");
    console.log(reg.test(str)) // true
    console.log(reg.test(str2)) // false

5-基礎(chǔ)-字符串和RegExp的方法-match

    // str.match(reg),與reg.exec相似，但是若使用g選項，則str.match一次性返回所有結(jié)果
    var str = 'aaaabc abcd addd sgd abbccb ac'

    console.log(str.match(/a(b*)c/)) // ["abc", "b", index: 3, input: "aaaabc abcd addd sgd abbccb ac"]
    console.log(str.match(/a(b*)c/g)) // ["abc", "abc", "abbc", "ac"]

7-基礎(chǔ)-字符串和RegExp的方法-str.replace

    // str.search(reg),返回匹配成功的第一個位置
    var str = 'aaacabc abcd addd sgd abbccb ac'

// 老的方式：不會改變原來的值,而且只替換第一個
    var str2 = str.replace('c','x')
    console.log(str)  // aaacabc abcd addd sgd abbccb ac
    console.log(str2)  // aaaxabc abcd addd sgd abbccb ac

//  正則：str.replace(reg,newstr)用第一個參數(shù)reg去匹配，用第二個參數(shù)newstr去替換
    console.log(str.replace(/c/g,'x')) // aaaxabx abxd addd sgd abbxxb ax

8-基礎(chǔ)-字符串和RegExp的方法-str.split

    // str.search(reg),返回匹配成功的第一個位置
    var str = 'abcabbccdecdefg'

// 老的方式：按照字母b來切割
    console.log(str.split('b'))  // ["a", "ca", "", "ccdecdefg"]

//  正則：str.split(reg,[maxLength])用匹配的模式切割击费，第二個參數(shù)是限制返回結(jié)果的最大數(shù)量
    // 用一個b或者多個b來切割
    console.log(str.split(/b+/)) // ["a", "ca", "ccdecdefg"]

    var str2 = 'abc abbs     dd sss'
    //用一個或者多個空格來切
    console.log(str2.split(/\s+/)) // ["abc", "abbs", "dd", "sss"]
    // 最多返回兩個
    console.log(str2.split(/\s+/,2)) // ["abc", "abbs"]

9-基礎(chǔ)-i 選項

    // i表示忽略大小寫
    var str = 'abc Abc abCD 123'

    console.log(str.match(/abc/g)) // ["abc"]
    console.log(str.match(/abc/gi)) // ["abc", "Abc", "abC"]
    console.log(str.match(/abc/ig)) // ["abc", "Abc", "abC"]

10-基礎(chǔ)-次數(shù)

    var str1 = 'abc Abc abCD 123'

    // 1. {n} 前面的一個表達式正好出現(xiàn)n次  a正好出現(xiàn)2次
    console.log(str1.match(/a{2}b/gi)) // null
    console.log(str1.match(/a{1}b/gi)) // ["ab", "Ab", "ab"]

    // 2. {n,m} 前面的一個表達式至少出現(xiàn)n次，最多m次
    var str2 = 'aAcbc Abc abCD 123 fAaBCfd'
    console.log(str2.match(/a{1,2}b/gi)) // ["Ab", "ab", "AaB"]

    // 3. {n,} 匹配前面的一個表達式至少出現(xiàn)n次
    var str3 = 'aAcbc Abc aaaabCD 123'
    console.log(str2.match(/a{2,}b/gi)) // ["aaaab"]

    // + 表示 至少出現(xiàn)1次 ，等于 {1,}
    console.log(str3.match(/a{1,}b/gi)) // ["Ab", "aaaab"]
    console.log(str3.match(/a+b/gi)) // ["Ab", "aaaab"]

    // 4. ? 匹配前面的一個表達式 0次或1次罕伯，等價于{0,1}
    var str4 = 'aAcbc Abc aaaabCD 123'
    console.log(str4.match(/a?b/gi)) // ["b", "Ab", "ab"]

    // 如果 ? 緊跟在任何量詞 （* + ? {}）的后面，將會使量詞變?yōu)榉秦澙返倪椿洌J是貪婪的
    var str5 = "ad 2 34 cd55;s;d;d555";
    console.log(str5.match(/\d+/g)) // ["2", "34", "55", "555"]
    console.log(str5.match(/\d+?/g)) // ["2", "3", "4", "5", "5", "5", "5", "5"]

    // 5. * 匹配前一個表達式0次或多次追他，（有沒有都行），等價于{0,}
    // var str5 = 'aAcbc Abc aaaabCD 123'
    // console.log(str5.match(/a*b/gi)) // ["b", "Ab", "aaaab"]

11-特殊字符-1

  /** 1.1 正常字符前面如果有\(zhòng),表示這個字符是特殊的岛蚤，而不是原來的含義邑狸。如：b表示b, 但\b表示單詞邊界
      /B 表示非邊界
  **/
  let str = 'hello world helloword wordhello'
  console.log(str.match(/hello/g)) // ["hello", "hello", "hello"]
  console.log(str.match(/\bhello\b/g)) // ["hello"]
  console.log(str.match(/hello\b/g)) // ["hello", "hello"]
  console.log(str.match(/\Bhello/g)) // ["hello"]

  // 1.2 特殊字符前面加了\,則特殊字符變?yōu)槠胀ㄗ址Ｈ纾?表示0個或多個涤妒，但\*就表示星號*
  let str2 = 'a*bc'
  console.log(str2.match(/a\*/g)) // ["a*"]

  // 1.3 使用new RegExp 方式時单雾，因其第一個參數(shù)是字符串，所以想使用\做轉(zhuǎn)義時，要寫\\
    var str3 = "ad 2 34 cd55;s;d;d555"
    var input = 'd'
    var reg2 = new RegExp('\\' + input + '+','g')
    document.write("<br>")
    document.write(str3.match(reg2))

  // 1.4 \d數(shù)字 \D非數(shù)字
    var str4 = '45abc78dddd'
    console.log(str4.match(/\d+/g)) //  ["45", "78"]
    console.log(str4.match(/\D+/g)) //  ["abc", "dddd"]

11-特殊字符-2

  // 1. ^ 匹配輸入的開始硅堆，如果是多行模式屿储，則可以匹配一行的開始

  // 2. $ 匹配輸入的結(jié)束，如果是多行模式渐逃，則可以匹配一行的結(jié)束

  // 3. 當(dāng)^作為第一個字符出現(xiàn)在一個字符集合模式時够掠，它將會有不同的含義，如[^...]

  // 4. . 匹配除了換行以外的任何一個字符
  let str = 'abbc abc adfc afc'
  let str2 = 'abbc abc adfc vvv'
  console.log(str.match(/a.c/g)) // ["abc", "afc"]
  console.log(str.match(/a.+c/g)) // ["abbc abc adfc afc"]
  console.log(str2.match(/a.+c/g)) // ["abbc abc adfc"]

  // 5. (x)分組：匹配x并記住朴乖，()稱為捕獲括號
  // 5.1 不加括號只匹配一個字母祖屏，加括號可以匹配一組
  let str3 = 'fredd'
  console.log(str3.match(/d+/)) // ["dd", index: 3, input: "fredd", groups: undefined]
  let str4 = 'fredd fredd'
  console.log(str3.match(/(fred)+/)) // ["fred", "fred", index: 0, input: "fredd", groups: undefined]
  
  /** 5.2 使用括號里的模式對目標(biāo)進行匹配，并且把結(jié)果存在\1...\n中买羞，
    在接下來的模式表達式中可以使用\1...\n來代替前面匹配到的結(jié)果
  **/
  let str5 = 'foo bar foo bar'
  console.log(str5.match(/(foo) (bar) (foo) (bar)/)) // ["foo bar foo bar", "foo", "bar", "foo", "bar", index: 0, input: "foo bar foo bar", groups: undefined]
  console.log(str5.match(/(foo) (bar) \1 \2/)) // ["foo bar foo bar", "foo", "bar", index: 0, input: "foo bar foo bar", groups: undefined]
  console.log(str5.match(/(foo) (bar) (\1) (\2)/)) // ["foo bar foo bar", "foo", "bar", "foo", "bar", index: 0, input: "foo bar foo bar", groups: undefined]

  // foxxxfoo
  console.log(str5.match(/(.)o.*\1oo/)) //  ["foo bar foo", "f", index: 0, input: "foo bar foo bar", groups: undefined]

  console.log('abcabc'.match(/(.)b(.)/)) // ["abc", "a", "c", index: 0, input: "abcabc", groups: undefined]
  console.log('-----')
  console.log('abcabc'.match(/(.)b(.)(.)b(.)/)) // ["abcabc", "a", "c", "a", "c", index: 0, input: "abcabc", groups: undefined]
  console.log('abcabc'.match(/(.)b(.)\1b\2/)) // ["abcabc", "a", "c", index: 0, input: "abcabc", groups: undefined]
  
  console.log('abcfbc'.match(/(.)b(.)(.)b(.)/)) // ["abcfbc", "a", "c", "f", "c", index: 0, input: "abcfbc", groups: undefined]
  console.log('abcfbc'.match(/(.)b(.)\1b\2/)) // null

  // 5.3 replace 替換時使用分組信息不再是\ 而是 $n
  let str6 = 'hello worlde' // 目標(biāo): worlde hello
  // /w 表示 字母 數(shù)字 下劃線 漢字
  console.log(str6.replace(/(\w+) (\w+)/, "$2 $1")) // worlde hello

  /** 5.4 分組捕獲時如果再使用/g袁勺，則match操作不會捕獲分組，
    如果必須使用/g 可以使用reg.exec(str)
  **/

  console.log(str6.match(/(l+)/g)) // ["ll", "l"]

  let reg = new RegExp("e", "g")
  console.log(reg.exec(str6)) // ["e", index: 1, input: "hello worlde", groups: undefined]
  console.log(reg.exec(str6)) // ["e", index: 11, input: "hello worlde", groups: undefined]
  console.log(reg.exec(str6)) // null

  let reg2 = new RegExp("(e)", "g")
  console.log(reg2.exec(str6)) // ["e", "e", index: 1, input: "hello worlde", groups: undefined]
  console.log(reg2.exec(str6)) // ["e", "e", index: 11, input: "hello worlde", groups: undefined]

  // 5.5 (?:x) 匹配但不記住畜普，稱為非捕獲括號期丰，因為分組只有9個
  let str1 = 'foo'
  console.log(str1.match(/(foo){1,2}/)) // ["foo", "foo", index: 0, input: "foo", groups: undefined]
  console.log(str1.match(/(?:foo){1,2}/)) // ["foo", index: 0, input: "foo", groups: undefined]

11-特殊字符-3

    // 1. x(?=y) 匹配x并且后面必須是y
    let str1 = 'foo fox'
    let str2 = 'fof fox'
    console.log(str1.match(/fo(?=o)/)) // ["fo", index: 0, input: "foo fox", groups: undefined]
    console.log(str2.match(/fo(?=x)/)) // ["fo", index: 4, input: "fof fox", groups: undefined]

    // 2. x(?!y) 匹配x并且后面必須不是y
    let str3 = 'fop fon'
    console.log(str3.match(/fo(?!p)/)) // ["fo", index: 4, input: "fop fon", groups: undefined]
    console.log(str3.match(/fo(?!n)/)) // ["fo", index: 0, input: "fop fon", groups: undefined]
    
    // 3. x|y 匹配x或者y
    console.log(str3.match(/fo(p|n)/)) // ["fop", "p", index: 0, input: "fop fon", groups: undefined]
    console.log(str3.match(/fo(p|n)/g)) // ["fop", "fon"]

    // 4. [] 或者
    // 4.1 [xyz] x或者y或者z
    let str4 = 'foao fax'
    console.log(str4.match(/f[oax]/g)) // ["fo", "fa"]

    // 4.2 范圍：[0-9],[a-z],[a-zA-Z0-9]
    let str5 = 'a28bc'
    console.log(str5.match(/a[0-9]+b/g)) // ["a28b"]
    console.log(str5.match(/a[0-9]{1,2}[a-z]/g)) // ["a28b"]

    // 4.3 [12-89] 1或者2 到 8或者9
    let str6 = '029'
    console.log(str6.match(/[12-89]/)) // ["2", index: 1, input: "029", groups: undefined]

    // [^xyz] 中括號前^ 表示非，不是x不是y,不是z
    let str7 = 'abcde'
    console.log(str7.match(/a[^xy]c/)) // ["abc", index: 0, input: "abcde", groups: undefined]

12 .案例

  /** 1. 匹配電話 
    第一位：1  第二位: 34578 剩余九位數(shù)字
  **/
  let reg = /1[34578]\d{9}/
  console.log(reg.test('15789456123')) // true
  console.log(reg.test('1578945612c')) // false

  let str = '姓名：小尹 手機:15789456123 性別：女'
  console.log(str.replace(reg, '***')) // 姓名：小尹 手機:*** 性別：女

  // 2. 網(wǎng)頁標(biāo)簽
  let str2 = 'sdsdsdf <div>gem@163.com</div> dss'
  let reg2 = /<(.+)>.*<\/\1>/
  let reg3 = /<(.+)>(.*)<\/\1>/
  console.log(str2.match(reg2)) // ["<div>gem@163.com</div>", "div", index: 8, input: "sdsdsdf <div>gem@163.com</div> dss", groups: undefined]
  console.log(str2.match(reg3)) // ["<div>gem@163.com</div>", "div", "gem@163.com", index: 8, input: "sdsdsdf <div>gem@163.com</div> dss", groups: undefined]

  // 3. 敏感詞替換
  let str3 = '中國共產(chǎn)黨中國人民解放軍中國'
  console.log(str3.replace(/中國|軍/g, '*')) // *共產(chǎn)黨*人民解放**

  let result = str3.replace(/中國|軍/g, input => {
    let t = ''
    for(let i = 0; i < input.length; i++) {
      t += '*'
    }
    return t
  })
  console.log(result) // **共產(chǎn)黨**人民解放***

  // 4. 去首尾空格
  let str4 = ' 你好 怎么樣 '
  console.log(str4.replace(/^\s+|\s+$/g, '')) // 你好 怎么樣

  // 5. 千位分隔符
  let str5 = '1234567890123456'
  console.log(str5.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')) // 1,234,567,890,123,456

最后編輯于：2021.03.27 22:17:47

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末吃挑，一起剝皮案震驚了整個濱河市钝荡，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌舶衬，老刑警劉巖埠通，帶你破解...
沈念sama閱讀 212,884評論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異逛犹，居然都是意外死亡端辱，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,755評論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門虽画，熙熙樓的掌柜王于貴愁眉苦臉地迎上來舞蔽，“玉大人，你說我怎么就攤上這事码撰∩粒” “怎么了？”我有些...
開封第一講書人閱讀 158,369評論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵脖岛，是天一觀的道長朵栖。經(jīng)常有香客問我，道長柴梆，這世上最難降的妖魔是什么混槐？我笑而不...
開封第一講書人閱讀 56,799評論 1贊 285
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮轩性，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己揣苏，他們只是感情好悯嗓，可當(dāng)我...
茶點故事閱讀 65,910評論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著卸察，像睡著了一般脯厨。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上坑质，一...
開封第一講書人閱讀 50,096評論 1贊 291
城市分裂傳說
那天合武，我揣著相機與錄音，去河邊找鬼涡扼。笑死稼跳，一個胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的吃沪。我是一名探鬼主播汤善，決...
沈念sama閱讀 39,159評論 3贊 411
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼票彪！你這毒婦竟也來了红淡？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 37,917評論 0贊 268
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤降铸，失蹤者是張志新（化名）和其女友劉穎在旱，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體推掸，經(jīng)...
沈念sama閱讀 44,360評論 1贊 303
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡桶蝎，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 36,673評論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了终佛。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片俊嗽。...
茶點故事閱讀 38,814評論 1贊 341
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖铃彰，靈堂內(nèi)的尸體忽然破棺而出绍豁，到底是詐尸還是另有隱情，我是刑警寧澤牙捉，帶...
沈念sama閱讀 34,509評論 4贊 334
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布竹揍，位于F島的核電站，受9級特大地震影響邪铲，放射性物質(zhì)發(fā)生泄漏芬位。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點故事閱讀 40,156評論 3贊 317
男人毒藥：我在死后第九天來索命
文/蒙蒙一带到、第九天我趴在偏房一處隱蔽的房頂上張望昧碉。院中可真熱鬧，春花似錦、人聲如沸被饿。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,882評論 0贊 21
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽狭握。三九已至闪金，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間论颅，已是汗流浹背哎垦。一陣腳步聲響...
開封第一講書人閱讀 32,123評論 1贊 267
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留恃疯，地道東北人漏设。一個月前我還...
沈念sama閱讀 46,641評論 2贊 362
代替公主和親
正文我出身青樓，卻偏偏與公主長得像澡谭，于是被迫代替她去往敵國和親愿题。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 43,728評論 2贊 351

JS正則筆記

4-基礎(chǔ)-字符串和RegExp的方法-test

5-基礎(chǔ)-字符串和RegExp的方法-match

7-基礎(chǔ)-字符串和RegExp的方法-str.replace

8-基礎(chǔ)-字符串和RegExp的方法-str.split

9-基礎(chǔ)-i 選項

10-基礎(chǔ)-次數(shù)

11-特殊字符-1

11-特殊字符-2

11-特殊字符-3

12 .案例

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