在 ECMAScript 2021（也称为 ES2021）中，JavaScript 程序员将获得一个新的 String 方法：replaceAll()。这个方法类似于 replace()，但它可以一次性替换字符串中所有匹配的子串。在本文中，我们将深入研究 replaceAll() 方法的细节，以及如何在你的代码中使用它。
语法和用法
replaceAll() 方法的语法与 replace() 相同，但有一个重要的区别：它替换所有匹配的子串，而不仅仅是第一次出现的子串。以下是语法：
string.replaceAll(searchValue, replaceValue);
在这里，string 是要搜索和替换的源字符串，searchValue 是要查找和替换的子串，replaceValue 是替换字符串的值。
示例
以下是几个使用 replaceAll() 的示例，它们演示了从一个源字符串中替换所有匹配的子串。
示例1： 假设我们有一个手机号码，想要替换其中的所有空格。在这种情况下，我们可以使用 replaceAll() 方法，并将空格作为搜索值。例如，下面的代码将返回一个没有空格的手机号码：
const phoneNumber = "123 456 7890";
const cleanedPhoneNumber = phoneNumber.replaceAll(" ", "");
console.log(cleanedPhoneNumber); // outputs "1234567890"示例2： 假设我们想要替换所有实例的字符串中的所有出现的 @ 符号，我们可以使用 replaceAll() 方法，并将 @ 作为搜索值。例如，
const emailAddress = "my@mail.com";
const cleanedEmailAddress = emailAddress.replaceAll("@", " at ");
console.log(cleanedEmailAddress); // outputs "my at mail.com"注意事项
在使用 replaceAll() 方法时，需要注意以下几点：
searchValue可以是一个字符串或一个正则表达式。replaceValue可以是一个字符串或一个函数。
Polyfill
在很多浏览器上，replaceAll() 方法可能不受支持。为了让你的代码在这些浏览器上正常工作，你可以使用一个 Polyfill，如下所示：
if (!String.prototype.replaceAll) {
String.prototype.replaceAll = function(search, replace) {
return this.split(search).join(replace);
};
}这个 Polyfill 将 replaceAll() 方法添加到 String.prototype 中，并使用 split() 和 join() 方法模拟该方法。
结论
在 ECMAScript 2021 中，JavaScript 程序员将获得一个新的 String 方法：replaceAll()，它可以一次性替换所有匹配的子串，而不仅仅是第一次出现的子串。在使用该方法时，请注意搜索和替换值可以是字符串或正则表达式，替换值可以是字符串或函数。同时，如果在浏览器上使用时出现问题，可以使用 Polyfill。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6703a9b8d91dce0dc84c0303