ECMAScript 2021 (ES12) 中新增的 String.prototype.replaceAll() 方法及其应用

在 ECMAScript 2021 (ES12)，JavaScript 引入了新的字符串方法 - String.prototype.replaceAll()，该方法可以在字符串中全局替换指定的子字符串，并返回新的字符串。

String.prototype.replaceAll() 的语法

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

string.replaceAll(searchValue, replaceValue)

其中，searchValue 为要替换的子字符串，replaceValue 为要替换成的新的字符串。与 String.prototype.replace() 方法不同的是，String.prototype.replaceAll() 方法会全局替换所有匹配的子字符串，而 String.prototype.replace() 方法只会替换第一个匹配的子字符串。

String.prototype.replaceAll() 的应用

1. 替换字符串中的所有特定字符

String.prototype.replaceAll() 方法适用于替换字符串中的所有特定字符。例如，下面的代码将字符串中的所有空格替换为逗号：

const str = "hello world";
const newStr = str.replaceAll(" ", ",");
// newStr: "hello,world"

1. 替换字符串中的所有字符串

String.prototype.replaceAll() 方法还可以用于替换字符串中的所有字符串。例如，下面的代码将字符串中的所有"a"替换为"b"：

const str = "abracadabra";
const newStr = str.replaceAll("a", "b");
// newStr: "bbrbcmdbrb"

1. 替换 HTML 标签

String.prototype.replaceAll() 方法可以用于替换 HTML 标签。例如，下面的代码将字符串中的所有<p>标签替换为<span>标签：

const str = "<p>hello world</p>";
const newStr = str.replaceAll("<p>", "<span>");
// newStr: "<span>hello world</span>"

String.prototype.replaceAll() 方法的注意事项

1. searchValue 参数必须是一个字符串，而不是一个正则表达式。

2. replaceValue 参数可以是一个字符串或一个函数。如果它是一个函数，那么它将被传递三个参数：被匹配到的子字符串、匹配到的位置和原始字符串。例如，下面的代码将字符串中的所有数字替换为它们本身的平方：

const str = "1 2 3 4 5";
const newStr = str.replaceAll(/\d/g, (match) => match ** 2);
// newStr: "1 4 9 16 25"

1. replaceAll() 方法返回一个新字符串，而不是修改原始字符串。

总结

在 ECMAScript 2021 (ES12) 中，String.prototype.replaceAll() 方法为 JavaScript 开发者提供了一个更简单、更高效的字符串替换方式。它的应用范围非常广泛，可以用于替换字符串中的所有特定字符、所有字符串和 HTML 标签等。同时，需要注意它的几个参数和返回值类型。

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