今天小編就為大家分享一篇JavaScript 正則表達式與字符串查找方法，寫的十分的全面細緻，具有一定的參考價值，對此有需要的朋友可以參考學習下。如有不足之處，歡迎批評指正。
首先提出一個問題：
如何取得一個給定的字符串substr在另一個字符串str中出現的次數？
字符串匹配，第一想到的就是正則表達式，但我們最常使用的字面量來創建的正則表達式方式卻無法傳入變量，
這時應該使用另一種創建正則表達式的方式：構造函數，如下
var reg = new RegExp(substr, "g");
其中第一個參數表示要匹配的字符串模式，因此可以傳入變量，不需要加/ /，第二個參數是可選的標誌字符串。
可以傳入變量了，再介紹個字符串基本包裝類型的方法：match()
語法為str.match(regExp)，參數為一個正則表達式，若傳的不是正則則會隱式轉換，返回值為一個包含匹配結果的數組，如果沒有匹配項，則返回null。
另外，字符串的match方法與正則的exec()類似，返回匹配的詳細信息；字符串的search方法與正則的test()類似，只是用來查看是否匹配。
回到最初的問題，完整的程序如下：
var str1 = "abctestctesqk1test23";
var str2 = "test";
function countSubstr(str, substr) {
var reg = new RegExp(substr, "g");
return str.match(reg) ? str.match(reg).length : 0;//若match返回不為null，則結果為true，輸出match返回的數組(["test","test"])的長度
}
console.log(countSubstr(str1, str2));//輸出2
另外，對於變量的問題，不使用構造函數也可以解決，即使用eval()：
var reg = "/" + substr + "/g";
reg = eval(reg);//不推薦！
但都知道不推薦使用eval()方法，所以還是推薦使用構造函數方法。
但還是有個問題，如果子字符串中含有正則表達式中所謂的元字符（即+*？^等），則無法正常匹配。
因為此時正則表達式是在字符串裡的，\是字符串中的轉義符，也是正則表達式中的轉義符。那麼只加一個\的話，只能說明在字符串中轉義，而js需要進一步把普通字符串中的\變成正則表達式中的\，像是更深一則轉化的意思，稱為雙重轉義，這樣\以後的意思是正則表達式中的轉義符()。
所以對於那些元字符如果不進行雙重轉義，則無法真正查找要找的那個字符。這個問題尚未解決，不過一般字符串查找也很少有這些特殊字符吧，可以先一用。
結語
感謝您的觀看，如有不足之處，歡迎批評指正。
對前端的技術，前端全棧技術感興趣的同學關注我的頭條號，並在後臺私信發送關鍵字：“前端”即可獲取免費的前端開發攻城師學習資料
知識體系已整理好，歡迎免費領取。還有視頻分享可以免費獲取。關注我，可以獲得沒有的經驗哦！
閱讀更多 前端攻城小牛 的文章
