如何使用 ES11 中的 String.prototype.replaceAll

在 ES11 中，新增了一个非常方便的字符串方法：String.prototype.replaceAll()。它可以帮助我们快速替换一个字符串中的所有匹配项。本文将介绍如何使用该方法，并提供一些示例代码。

语法

String.prototype.replaceAll() 方法的语法如下：

str.replaceAll(searchValue, replaceValue)

其中，searchValue 表示要替换的字符串或正则表达式，replaceValue 表示替换后的新字符串或函数。

示例

替换字符串中的所有匹配项

假设我们有一个字符串，需要将其中所有的空格替换为下划线。可以使用 replaceAll() 方法来实现：

const str = "hello world";
const newStr = str.replaceAll(" ", "_");
console.log(newStr); // "hello_world"

替换正则表达式匹配的所有项

如果我们想要将一个字符串中所有的数字替换为字母 x，可以使用正则表达式来匹配数字，并将其替换为 x：

const str = "123abc456def";
const newStr = str.replaceAll(/\d/g, "x");
console.log(newStr); // "xxxabcxxxdef"

使用函数替换匹配项

除了使用字符串替换匹配项外，replaceAll() 方法还支持使用函数来替换匹配项。例如，我们想要将一个字符串中的所有单词首字母大写，可以使用以下代码：

const str = "hello world";
const newStr = str.replaceAll(/\b\w/g, (match) => match.toUpperCase());
console.log(newStr); // "Hello World"

在这个例子中，我们使用正则表达式 \b\w 匹配所有单词的首字母，并使用 toUpperCase() 方法将其转换为大写字母。

注意事项

需要注意的是，replaceAll() 方法不会修改原始字符串，而是返回一个新字符串。此外，该方法只在最新的浏览器中得到支持，如果需要在旧版本的浏览器中使用，可以使用 polyfill 库来提供支持。

结论

String.prototype.replaceAll() 方法是一个非常方便的字符串方法，可以帮助我们快速替换一个字符串中的所有匹配项。在实际开发中，我们可以结合正则表达式和函数来实现更加复杂的替换操作。希望本文能够帮助读者更好地理解和使用该方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6739bc1d317fbffedf186f8a