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

Question

给定一个字符串:

s = "Test abc test test abc test test test abc test test abc";

这似乎只删除了上面字符串中第一次出现的 abc:

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

如何替换它的所有 次出现？

Answer 1

截至 2020 年 8 月: Modern browsers have support对于 String.replaceAll() method由 ECMAScript 2021 语言规范定义。

---

对于旧版/遗留浏览器:

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

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

这是这个答案的演变过程:

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

回应评论“如果‘abc’作为变量传递会怎么样？”:

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 函数中盲目传递参数而不对其进行预处理是危险的逃避那些 Angular 色。这包含在 Mozilla Developer Network 中。的 JavaScript Guide on Regular Expressions ，他们提供了以下实用功能(自最初编写此答案以来至少更改了两次，因此请务必检查 MDN 站点以获取潜在更新):

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

所以为了让上面的replaceAll()函数更安全，如果你还包含escapeRegExp，可以修改成如下:

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