在编写前端代码时，字符串操作是非常常见的。而在以往，在替换字符串时我们通常会使用 String.prototype.replace() 方法。但是这个方法只能替换第一个匹配的字符串，对于需要替换多个字符串的情况就不太方便了。所以，ES12 引入了 String.prototype.replaceAll() 方法，以更加方便快捷地进行字符串替换操作。
String.prototype.replaceAll() 简介
String.prototype.replaceAll() 方法是 ES12 中新增的一个方法，用于替换字符串中的所有指定文本，返回新的字符串。
方法的语法如下：
string.replaceAll(searchValue, replaceValue)
参数说明：
- searchValue：需要被替换掉的文本。
- replaceValue：替换成的新文本。
String.prototype.replaceAll() 的使用方法
接下来，我们通过实际代码演示，掌握 String.prototype.replaceAll() 的使用方法。
假设我们有一个字符串 hello world, welcome to my world!，我们需要把其中所有的 world 替换成 React。
首先，我们使用 String.prototype.replace() 方法进行替换：
const str = 'hello world, welcome to my world!';
const newStr = str.replace('world', 'React');
console.log(newStr); // 输出：hello React, welcome to my world!由于 String.prototype.replace() 方法只能替换第一个匹配的字符串，所以只有第一个 world 被替换成了 React。
接着，我们使用 String.prototype.replaceAll() 方法进行替换：
const str = 'hello world, welcome to my world!';
const newStr = str.replaceAll('world', 'React');
console.log(newStr); // 输出：hello React, welcome to my React!通过以上代码可以看出，String.prototype.replaceAll() 方法会将字符串中所有的 world 都被替换成了 React。
实际应用
在实际开发中，使用 String.prototype.replaceAll() 方法可以为我们带来极大的便利。
比如，我们可以利用 replaceAll() 方法来进行一些文本处理：
const text = '代码示例：```javascript\nconst a=1;\nconst b=2;\nconsole.log(a+b);\n```';
const newText = text.replaceAll('```', '');
console.log(newText); // 输出：代码示例：javascript\nconst a=1;\nconst b=2;\nconsole.log(a+b);\n通过以上代码可以看出，我们成功地将字符串中的 ````` 替换成了空字符串，从而得到了代码的纯文本内容。
支持情况
需要注意的是，String.prototype.replaceAll() 方法是 ES12 中新增的一个方法，目前仅在一些现代浏览器和 Node.js v16.0.0 以上版本中才支持。因此，我们实际开发中需要考虑兼容性问题。
总结
String.prototype.replaceAll() 方法是一种方便快捷的字符串替换操作方式，相比于以往只能使用 String.prototype.replace() 方法替换第一个字符串的情况，更加高效且灵活。
需要注意的是，该方法目前仅在一些现代浏览器和 Node.js v16.0.0 以上版本中才支持。在实际开发中，需要考虑兼容性问题。
希望本文能够对大家了解 String.prototype.replaceAll() 方法有所帮助，逐渐掌握字符串操作的技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d47628b5eee0b525c00afd