如何在 JavaScript 中替换所有出现的字符串？

我有这个字符串：

"Test abc test test abc test test test abc test test abc"

干

str = str.replace('abc', '');

似乎只删除了上面字符串中第一次出现的abc 。如何更换所有出现的内容？

答案

str = str.replace(/abc/g, '');

回应评论：

var find = 'abc';
var re = new RegExp(find, 'g');

str = str.replace(re, '');

为了回应Click Upvote的评论，您可以进一步简化它：

function replaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

注意：正则表达式包含特殊（元）字符，因此在上面的find函数中盲目传递参数而不预先处理它以逃避这些字符是危险的。 Mozilla 开发者网络的正则表达式 JavaScript 指南中介绍了这一点，它们提供了以下实用程序功能：

function escapeRegExp(str) {
    return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
}

因此，为了使上面的replaceAll()函数更安全，如果还包含escapeRegExp ，可以将其修改为以下escapeRegExp ：

function replaceAll(str, find, replace) {
    return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
}

为了完整起见，我开始考虑使用哪种方法来完成这项工作。根据本页其他答案的建议，基本上有两种方法可以做到这一点。

注意：通常，建议不要在 JavaScript 中扩展内置原型。我仅仅为了说明的目的提供 String 原型的扩展，在String内置原型上显示假设标准方法的不同实现。

基于正则表达式的实现

String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.replace(new RegExp(search, 'g'), replacement);
};

拆分和加入（功能）实现

String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.split(search).join(replacement);
};

在效率方面我不太了解正则表达式如何在幕后工作，我倾向于倾向于分裂并在过去加入实现而不考虑性能。当我确实想知道哪个更有效率，以及在什么边缘时，我用它作为借口来找出答案。

在我的 Chrome Windows 8 计算机上， 基于正则表达式的实现速度最快 ， 分割和连接实现速度降低了 53％ 。这意味着正则表达式的速度是我使用的 lorem ipsum 输入的两倍。

看看这个基准测试运行这两个实现。

正如 @ThomasLeduc 和其他人在下面的评论中所指出的，如果search包含在正则表达式中保留为特殊字符的某些字符，则基于正则表达式的实现可能存在问题。该实现假定调用者将事先转义字符串，或者只传递正则表达式 （MDN）中没有表中字符的字符串。

MDN 还提供了一种逃避字符串的实现。如果它也被标准化为RegExp.escape(str)会很好，但唉，它不存在：

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
}

我们可以在String.prototype.replaceAll实现中调用escapeRegExp ，但是，我不确定这会对性能产生多大影响（甚至可能对于不需要转义的字符串，例如所有字母数字字符串）。

注意：不要在实际代码中使用它。

作为简单文字字符串的正则表达式的替代，您可以使用

str = "Test abc test test abc test...".split("abc").join("");

一般模式是

str.split(search).join(replacement)

在某些情况下，这比使用replaceAll和正则表达式更快，但在现代浏览器中似乎不再是这种情况。因此，这应该只是用作快速入侵，以避免需要转义正则表达式，而不是真正的代码。