在前端开发中，字符串替换是一个常见的问题。以往我们通常使用 String.prototype.replace 方法来实现字符串替换，但是这个方法只会替换第一个匹配项。在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决这个问题。
String.prototype.replace 方法的局限性
String.prototype.replace 方法是 JavaScript 内置的字符串替换方法，它可以接收两个参数，第一个参数是一个正则表达式或者一个字符串，表示要替换的内容；第二个参数是一个字符串或者一个函数，表示替换后的内容。
----- --- - ------ ------- ----- ------ - ---------------- ----- -------------------- -- ------ ------
上面的例子中，我们使用 String.prototype.replace 方法将字符串中的第一个字母 o 替换成了数字 0。
但是，String.prototype.replace 方法只会替换第一个匹配项。如果我们想要替换所有匹配项，就需要使用正则表达式，并且加上 g 标志。
----- --- - ------ ------- ----- ------ - ----------------- ----- -------------------- -- ------ ------
上面的例子中，我们使用正则表达式 /o/g 来匹配字符串中的所有字母 o，并将其替换成数字 0。
但是，如果要替换的内容是一个字符串，而不是一个正则表达式，我们就无法使用 String.prototype.replace 方法来替换所有匹配项了。
----- --- - ------ ------- ----- ------ - -------------------- ------ -------------------- -- --- ------
上面的例子中，我们使用 String.prototype.replace 方法将字符串中的第一个单词 hello 替换成了 hi。但是，如果我们想要替换所有的 hello，就无法使用 String.prototype.replace 方法了。
String.prototype.replaceAll 方法的解决方案
在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决这个问题。String.prototype.replaceAll 方法和 String.prototype.replace 方法的用法基本相同，但是它会替换所有匹配项，而不是只替换第一个匹配项。
----- --- - ------ ------- ----- ------ - ------------------- ----- -------------------- -- ------ ------
上面的例子中，我们使用 String.prototype.replaceAll 方法将字符串中的所有字母 o 替换成了数字 0。
----- --- - ------ ------- ----- ------ - ----------------------- ------ -------------------- -- --- ------
上面的例子中，我们使用 String.prototype.replaceAll 方法将字符串中的所有单词 hello 替换成了 hi。
总结
在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决字符串替换的问题。与 String.prototype.replace 方法不同的是，String.prototype.replaceAll 方法会替换所有匹配项，而不是只替换第一个匹配项。在实际开发中，我们可以根据需要选择使用 String.prototype.replace 方法或者 String.prototype.replaceAll 方法来实现字符串替换。
示例代码
----- --- - ------ ------- ----- ------- - ----------------- ----- ----- ------- - ------------------- ----- --------------------- -- ------ ------ --------------------- -- ------ ------ ----- ---- - ------ ------ ----- ------- ----- ------- - --------------------- ------ ----- ------- - ------------------------ ------ --------------------- -- --- ------ ----- ------ --------------------- -- --- ------ -- ------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65826231d2f5e1655dd81f24