在 ES12 中，新增了 String.prototype.replaceAll() 方法，它可以在字符串中全局替换匹配的子字符串，并返回新的字符串。在之前的版本中，我们只能使用 String.prototype.replace() 方法替换第一个匹配的子字符串，或者使用正则表达式全局替换。
语法
string.replaceAll(searchValue, replaceValue)
searchValue：要被替换的子字符串或正则表达式。replaceValue：替换子字符串的新字符串或者一个用于生成新字符串的函数。
示例
-- -------------------- ---- ------- ----- --- - ------ ------ ----- ------------ -- ------- ----- ------- - ----------------------- ----- -------------------- -- --- ------ -- ------------ -- --------- ----- ------- - ------------------------ ----- -------------------- -- --- ------ -- ------------ -- ------ ----- ------- - ------------------------ ----- -- -------------------- -------------------- -- ------ ------ ----- ------------
深度解析
String.prototype.replaceAll() 方法的实现原理与 String.prototype.replace() 方法类似，只不过它会替换所有匹配的子字符串，而不是替换第一个匹配的子字符串。
在替换时，我们可以使用字符串或者正则表达式作为 searchValue 参数。如果使用字符串作为 searchValue 参数，则只会替换第一个匹配的子字符串。如果要替换所有匹配的子字符串，则需要使用正则表达式，并且在正则表达式中使用 g 标志来表示全局匹配。
除了可以使用字符串或正则表达式作为 searchValue 参数外，我们还可以使用一个用于生成新字符串的函数作为 replaceValue 参数。这个函数会接收到两个参数：匹配到的子字符串和匹配到的子字符串在原字符串中的位置。我们可以在函数内部根据这两个参数来生成新的字符串。
指导意义
在实际开发中，我们经常需要对字符串进行全局替换。在 ES12 之前，我们只能使用正则表达式来实现全局替换。但是正则表达式语法相对比较复杂，不太友好。而且在一些特殊情况下，使用正则表达式可能会出现一些问题。
ES12 中新增的 String.prototype.replaceAll() 方法可以更加便捷地实现全局替换，而且语法相对简单明了，易于理解。因此，在实际开发中，我们可以优先考虑使用 String.prototype.replaceAll() 方法来实现全局替换。
结论
ES12 中新增的 String.prototype.replaceAll() 方法可以在字符串中全局替换匹配的子字符串，并返回新的字符串。这个方法的使用方式与 String.prototype.replace() 方法类似，但是它会替换所有匹配的子字符串。在实际开发中，我们可以优先考虑使用 String.prototype.replaceAll() 方法来实现全局替换。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6753d7451b963fe9cc45466d