怎么在JavaScript中使用正則表達式實現(xiàn)字符串查找

怎么在JavaScript中使用正則表達式實現(xiàn)字符串查找？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

首先提出一個問題：

如何取得一個給定的字符串substr在另一個字符串str中出現(xiàn)的次數(shù)？

字符串匹配，第一想到的就是正則表達式，但我們最常使用的字面量來創(chuàng)建的正則表達式方式卻無法傳入變量，

這時應(yīng)該使用另一種創(chuàng)建正則表達式的方式：構(gòu)造函數(shù)，如下

var reg = new RegExp(substr, "g");

其中第一個參數(shù)表示要匹配的字符串模式，因此可以傳入變量，不需要加/ /，第二個參數(shù)是可選的標(biāo)志字符串。

可以傳入變量了，再介紹個字符串基本包裝類型的方法：match()

語法為str.match(regExp)，參數(shù)為一個正則表達式，若傳的不是正則則會隱式轉(zhuǎn)換，返回值為一個包含匹配結(jié)果的數(shù)組，如果沒有匹配項，則返回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，則結(jié)果為true，輸出match返回的數(shù)組(["test","test"])的長度
}
console.log(countSubstr(str1, str2));//輸出2

另外，對于變量的問題，不使用構(gòu)造函數(shù)也可以解決，即使用eval()：

var reg = "/" + substr + "/g";
reg = eval(reg);//不推薦！

但都知道不推薦使用eval()方法，所以還是推薦使用構(gòu)造函數(shù)方法。

但還是有個問題，如果子字符串中含有正則表達式中所謂的元字符（即+*？^等），則無法正常匹配。

因為此時正則表達式是在字符串里的，\是字符串中的轉(zhuǎn)義符，也是正則表達式中的轉(zhuǎn)義符。那么只加一個\的話，只能說明在字符串中轉(zhuǎn)義，而js需要進一步把普通字符串中的\變成正則表達式中的\，像是更深一則轉(zhuǎn)化的意思，稱為雙重轉(zhuǎn)義，這樣\\以后的意思是正則表達式中的轉(zhuǎn)義符(\)。

所以對于那些元字符如果不進行雙重轉(zhuǎn)義，則無法真正查找要找的那個字符。這個問題尚未解決，不過一般字符串查找也很少有這些特殊字符吧，可以先一用。

關(guān)于怎么在JavaScript中使用正則表達式實現(xiàn)字符串查找問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。