JavaScript 正則表達(dá)式與字符串查找方法

更新時間：2018年07月23日 10:02:54 作者：小船劃向前端

今天小編就為大家分享一篇JavaScript 正則表達(dá)式與字符串查找方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

首先提出一個問題：

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

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

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

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

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

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

語法為str.match(regExp)，參數(shù)為一個正則表達(dá)式，若傳的不是正則則會隱式轉(zhuǎn)換，返回值為一個包含匹配結(jié)果的數(shù)組，如果沒有匹配項，則返回null。

另外，字符串的match方法與正則的exec()類似，返回匹配的詳細(xì)信息；字符串的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ù)方法。

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

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

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

以上這篇JavaScript 正則表達(dá)式與字符串查找方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: