JavaScript中使用replace結合正則實現(xiàn)replaceAll的效果

更新時間：2023年07月30日 23:43:07 投稿：mdxy-dxy

JavaScript?中使用?replace?達到?replaceAll的效果，其實就用利用的正則的全局替換。

我們在Java中可以使用replaceAll()方法對字符串進行批量替換，但在JS中replaceAll()方法是undefined，JS中只存在replace()方法，因此我們可以自己封裝JS中replaceAll()方法供我們便捷使用。

總結一下，四種方式

1. 使用具有全局標志g的正則表達式

var str = "dogdogdog";
var str2 = str.replace(/dog/g,"cat");
console.log(str2);

實現(xiàn)替換全部匹配字符串，輸出結果為：catcatcat。

2. 使用另一種具有全局標志g的正則表達式

var str = "dogdogdog";
var str2 = str.replace(new RegExp("dog","gm"),"cat");
console.log(str2);

輸出結果同上例。這里g表示執(zhí)行全局匹配，m表示執(zhí)行多次匹配。

3. 給string對象添加原型方法replaceAll()

String.prototype.replaceAll = function(s1, s2) {
    return this.replace(new RegExp(s1, "gm"), s2);
}

這樣就可以像使用replace方法一樣使用replaceAll方法：

var str = "dogdogdog";
var str2 = str.replaceAll("dog", "cat");
console.log(str2);

輸出結果同上例。

4. 使用先split，再join的方法

評論區(qū)@默默之分享的這個方法太贊了，拉到正文里以免有人不看評論，感謝@默默之分享。

var str = "dogdogdog";
var str2 = str.split("dog").join("cat")
console.log(str2);

輸出結果同上例。

下面是其它網(wǎng)友的補充

一、使用replace()方法進行替換

定義一個字符串：

var str = "hello world";

使用replace()方法將字符串中的字母"l"替換成"i"，原始做法：

?console.log(str.replace("l","i"));

輸出：

“heilo world”

需要執(zhí)行三次，非常不方便；

二、使用replaceAll()方法替換

封裝replaceAll()方法：

String.prototype.replaceAll = function(s1, s2) {
?? ?return this.replace(new RegExp(s1, "gm"), s2);
}

定義一個字符串：

var str = "hello world";

使用replaceAll()方法進行批量替換：

console.log(str.replaceAll("l", "i"));

輸出：

“heiio worid”

只需要執(zhí)行一次，就完成了全部替換需求。

replace方法：

string.replace(new RegExp(oldString,"gm"),newString))

gm 分別代表:
g=global, m=multiLine
大致上方法就是這樣的，可以實現(xiàn)替換全部指定字串

另一個簡單的驗證JS的方法：

在瀏覽器地址欄輸入
javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))

這樣比較省事；），不知道多行的會不會很方便

您可能感興趣的文章: