4種方法替換JavaScript裡所有出現的字串

「來源: |web前端開發 ID:web_qdkf」

4種方法替換JavaScript裡所有出現的字串

在JavaScript程式碼中出現這個字串:

“Test abc test test abc test test test abc test test abc”

比如直接使用replace替換的方法,如下:

str = str。replace(‘abc’, ‘’);

似乎只刪除了abc上面字串中第一次出現的。我怎樣才能替換它的所有出現?下面介紹4種替換所有出現字串的方法。

方式一、使用replace加正則

必須啟用正則表示式上的全域性標誌,才能使replace()方法替換模式出現的所有內容,我們可以這樣做:

在正則表示式文字中,將g附加到標誌部分:/abc/g。

對於正則表示式建構函式,使用 flags 引數:new RegExp(‘ abc ’, ‘g’)

程式碼如下:

str = str。replace(/abc/g, ‘’);

或者:

var find = ‘abc’;var re = newRegExp(find, ‘g’);str = str。replace(re, ‘’);

可以透過封裝方法,進一步簡化它。

functionreplaceAll(str, find, replace) {return str。replace(newRegExp(find, ‘g’), replace);}

注意:正則表示式包含特殊(元)字元,因此在find上面的函式中盲目傳遞引數而不對其進行預處理以轉義這些字元是危險的。

因此,為了使上述replaceAll()功能更安全,如果您還包含以下內容,則可以將其修改為以下內容escapeRegExp:

functionescapeRegExp(string) {returnstring。replace(/[。*+\-?^${}()|[\]\\]/g, ‘\\$&’); // $& means the whole matched string}

functionreplaceAll(str, find, replace) {return str。replace(newRegExp(escapeRegExp(find), ‘g’), replace);}

方式二、replaceAll() 方法

新的提案String。prototype。replaceAll()(在第3階段)將replaceAll()方法引入到 JavaScript 的字串中。

replaceAll(search, replaceWith)字串方法用replaceWith替換所有的search字串,沒有任何變通方法。

let result = “1 abc 2 abc 3”。replaceAll(“abc”, “xyz”);//`result` is “1 xyz 2 xyz 3”

但是首先檢查我可以使用或其他相容性表,以確保您的目標瀏覽器首先添加了對它的支援。

replaceAll的相容實現:

String。prototype。replaceAll = String。prototype。replaceAll || function(string, replaced) {returnthis。replace(newRegExp(string, ‘g’), replaced);};

方式三、使用 split 和 join 的方法

不使用任何正則表示式的最簡單方法是 split 和 join,這種方法主要包含二個階段:

使用 split 方法,根據指定的字元將字串分成多個部分。

然後使用 join 方法將分割的多個部分連線在一直,並在它們之間插入指定的字元。

作為簡單文字字串的正則表示式的替代方案,您可以使用:

str = “Test abc test test abc test。。。”。split(“abc”)。join(“”);

一般模式是

str。split(search)。join(replacement)

方法四、利用迴圈

基於while迴圈的解決方案很慢,通常對小字串慢約4倍,對長字串慢約 3000 倍。如下:

while(str。includes(“abc”)){ str = str。replace(“abc”, “replaced text”);}

學習更多技能

4種方法替換JavaScript裡所有出現的字串

頂部