JS正則筆記

學習來源：騰訊課堂-Javascript正則表達式基礎
學習代碼：https://github.com/GemmaYin/RegExp

4-基礎-字符串和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-基礎-字符串和RegExp的方法-match

    // str.match(reg),與reg.exec相似，但是若使用g選項，則str.match一次性返回所有結果
    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-基礎-字符串和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)用第一個參數reg去匹配，用第二個參數newstr去替換
    console.log(str.replace(/c/g,'x')) // aaaxabx abxd addd sgd abbxxb ax

8-基礎-字符串和RegExp的方法-str.split

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

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

//  正則：str.split(reg,[maxLength])用匹配的模式切割，第二個參數是限制返回結果的最大數量
    // 用一個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-基礎-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-基礎-次數

    var str1 = 'abc Abc abCD 123'

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

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

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

    // + 表示 至少出現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"]

    // 如果 ? 緊跟在任何量詞 （* + ? {}）的后面，將會使量詞變為非貪婪的，默認是貪婪的
    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 正常字符前面如果有\,表示這個字符是特殊的，而不是原來的含義。如：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 特殊字符前面加了\,則特殊字符變為普通字符。如：*表示0個或多個，但\*就表示星號*
  let str2 = 'a*bc'
  console.log(str2.match(/a\*/g)) // ["a*"]

  // 1.3 使用new RegExp 方式時，因其第一個參數是字符串，所以想使用\做轉義時，要寫\\
    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數字 \D非數字
    var str4 = '45abc78dddd'
    console.log(str4.match(/\d+/g)) //  ["45", "78"]
    console.log(str4.match(/\D+/g)) //  ["abc", "dddd"]

11-特殊字符-2

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

  // 2. $ 匹配輸入的結束，如果是多行模式，則可以匹配一行的結束

  // 3. 當^作為第一個字符出現在一個字符集合模式時，它將會有不同的含義，如[^...]

  // 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 使用括號里的模式對目標進行匹配，并且把結果存在\1...\n中，
    在接下來的模式表達式中可以使用\1...\n來代替前面匹配到的結果
  **/
  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' // 目標: worlde hello
  // /w 表示 字母 數字 下劃線 漢字
  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 剩余九位數字
  **/
  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. 網頁標簽
  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 = '中國共產黨中國人民解放軍中國'
  console.log(str3.replace(/中國|軍/g, '*')) // *共產黨*人民解放**

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

  // 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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 227,837評論 6贊 531
死咒
序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
沈念sama閱讀 98,196評論 3贊 414
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
開封第一講書人閱讀 175,688評論 0贊 373
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長。經常有香客問我，道長，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 62,654評論 1贊 309
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
茶點故事閱讀 71,456評論 6贊 406
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著，像睡著了一般。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發上，一...
開封第一講書人閱讀 54,955評論 1贊 321
城市分裂傳說
那天，我揣著相機與錄音，去河邊找鬼。笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。我是一名探鬼主播，決...
沈念sama閱讀 43,044評論 3贊 440
雙鴛鴦連環套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 42,195評論 0贊 287
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
沈念sama閱讀 48,725評論 1贊 333
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 40,608評論 3贊 354
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 42,802評論 1贊 369
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
沈念sama閱讀 38,318評論 5贊 358
?日本核電站爆炸內幕
正文年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
茶點故事閱讀 44,048評論 3贊 347
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 34,422評論 0贊 26
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 35,673評論 1贊 281
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。一個月前我還...
沈念sama閱讀 51,424評論 3贊 390
代替公主和親
正文我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 47,762評論 2贊 372

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

JS正則筆記

JS正則筆記

4-基礎-字符串和RegExp的方法-test

5-基礎-字符串和RegExp的方法-match

7-基礎-字符串和RegExp的方法-str.replace

8-基礎-字符串和RegExp的方法-str.split

9-基礎-i 選項

10-基礎-次數

11-特殊字符-1

11-特殊字符-2

11-特殊字符-3

12 .案例

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

JS正則筆記

4-基礎-字符串和RegExp的方法-test

5-基礎-字符串和RegExp的方法-match

7-基礎-字符串和RegExp的方法-str.replace

8-基礎-字符串和RegExp的方法-str.split

9-基礎-i 選項

10-基礎-次數

11-特殊字符-1

11-特殊字符-2

11-特殊字符-3

12 .案例

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频