在前端开发中，我们经常会需要对字符串进行操作，而其中一个常用的方法是 replace。但是 replace 方法有一个非常明显的局限性，它只能替换第一个匹配到的子字符串。
在 ES12 中，新增了 String.prototype.replaceAll 方法，它可以替换所有匹配到的子字符串。本篇文章中我们将探讨这个新方法的使用以及解决它所解决的问题。
replace 方法的局限性
先来看一下 replace 方法的语法：
string.replace(searchValue, replaceValue)
其中 searchValue 可以是一个字符串或是一个正则表达式，replaceValue 则是用来替换的字符串或者函数。
当 searchValue 是一个字符串时，它只会替换第一个匹配到的子字符串：
const str = 'Hello World!';
console.log(str.replace('l', 'X')); // HeXlo World!当 searchValue 是一个正则表达式时，它可以通过全局匹配来替换所有匹配到的子字符串，例如：
const str = 'hello world'; console.log(str.replace(/l/g, 'X')); // heXXo worXd
但是 replace 方法有一个很大的局限性，那就是在 searchValue 是一个字符串的情况下，只能替换第一个匹配到的子字符串。这个问题可以通过使用正则表达式来解决，但是有时候我们只是需要简单的替换一个字符串。
replaceAll 方法的使用
在 ES12 中，我们可以使用 String.prototype.replaceAll 方法来替换所有匹配到的子字符串，它的语法如下：
string.replaceAll(searchValue, replaceValue)
我们可以像使用 replace 方法一样使用它：
const str = 'Hello World!';
console.log(str.replaceAll('l', 'X')); // HeXXo WorXd!可以看到，replaceAll 方法可以很方便地替换所有匹配到的子字符串。
示例代码
下面是一些常见的使用示例：
-- -------------------- ---- ------- ----- --- - ------ -------- ------------------------------- ------ -- ----- ------ ----- ----- - ---------------- --------------------------------- ----- -- ----------- ----- ---- - ---- ----- ----- --- ----- ---- --- ---- ----- ---------------------------------- -------- -- --- ----- ----- --- ----- ---- --- ---- --- ---------------------------------------- -------- -- --- ----- ----- --- ----- ---- --- ---- ---
总结
在本文中，我们探讨了 ES12 中新增的 String.prototype.replaceAll 方法，它可以很方便地替换所有匹配到的子字符串，解决了 replace 方法只能替换第一个匹配到的子字符串的局限性。通过上述示例代码，你可以更好地掌握 replaceAll 方法的使用以及解决问题的能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647b2b82968c7c53b06b77d4