在过去的 JavaScript 版本中，我们曾经使用 String.prototype.replace 方法来替换字符串中的某些内容。然而，这种方法只能替换第一次出现的匹配项。在 ES12 中，新增了一个 String.prototype.replaceAll 方法，它可以一次性替换所有匹配项。本文将详细介绍这个新方法的使用方法和特点。
基本用法
String.prototype.replaceAll 方法的基本语法如下：
str.replaceAll(searchValue, replaceValue)
其中，searchValue 是要替换的字符串或正则表达式，replaceValue 是替换后的字符串或者一个回调函数。
下面是一个简单的示例代码，我们将字符串中的所有 "a" 替换成 "b"：
const str = "abcdeafgaha";
const newStr = str.replaceAll("a", "b");
console.log(newStr); // 输出：bbcdebfgbhb支持正则表达式
String.prototype.replaceAll 方法支持使用正则表达式进行匹配和替换。下面是一个示例代码，我们将字符串中所有的数字替换成 "x"：
const str = "12345"; const newStr = str.replaceAll(/\d/g, "x"); console.log(newStr); // 输出：xxxxx
使用回调函数
String.prototype.replaceAll 方法还支持使用回调函数进行替换。下面是一个示例代码，我们将字符串中所有的偶数替换成 "x"：
const str = "123456";
const newStr = str.replaceAll(/\d/g, (match) => {
return Number(match) % 2 === 0 ? "x" : match;
});
console.log(newStr); // 输出：1x3x5x注意事项
- String.prototype.replaceAll 方法返回一个新的字符串，并不会改变原来的字符串。
- 在使用正则表达式进行替换时，如果正则表达式中使用了全局标志 g，那么替换时会替换所有匹配项。如果没有使用全局标志，那么只会替换第一个匹配项。
- 在使用回调函数进行替换时，回调函数的第一个参数是匹配到的字符串，可以通过第二个参数获取匹配到的索引值。
总结
String.prototype.replaceAll 方法是 ES12 中新增的一个字符串替换方法，可以一次性替换所有匹配项。它支持使用字符串、正则表达式和回调函数进行匹配和替换。在实际开发中，我们可以根据具体的需求选择合适的方式进行替换，同时也要注意一些注意事项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663055ded3423812e4e41ac6