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