在前端开发中，字符串的处理是非常常见的操作。在 ES12 中，新增了一个非常实用的方法：String.prototype.replaceAll()。这个方法可以在字符串中替换所有匹配的子字符串，而不是只替换第一个匹配的子字符串。
语法
String.prototype.replaceAll(searchValue, replaceValue)
searchValue：需要被替换的子字符串，可以是一个字符串或正则表达式。replaceValue：替换后的新字符串，可以是一个字符串或一个函数。
示例
const str = "hello world, hello javascript";
const newStr = str.replaceAll("hello", "hi");
console.log(newStr); // "hi world, hi javascript"在上面的示例中，我们使用 replaceAll() 方法将字符串中所有的 "hello" 替换为 "hi"。
正则表达式示例
除了简单替换外，replaceAll() 方法还支持使用正则表达式进行替换。下面是一个使用正则表达式替换的示例：
const str = "hello world, hello javascript"; const newStr = str.replaceAll(/hello/g, "hi"); console.log(newStr); // "hi world, hi javascript"
在上面的示例中，我们使用 /hello/g 正则表达式将字符串中所有的 "hello" 替换为 "hi"。
函数示例
除了使用字符串或正则表达式进行替换外，replaceAll() 方法还支持使用函数进行替换。下面是一个使用函数替换的示例：
const str = "hello world, hello javascript";
const newStr = str.replaceAll(/hello/g, (match) => {
return match.toUpperCase();
});
console.log(newStr); // "HELLO world, HELLO javascript"在上面的示例中，我们使用 /hello/g 正则表达式将字符串中所有的 "hello" 替换为 "HELLO"，并将其转换为大写字母。
指导意义
replaceAll() 方法是一个非常实用的方法，可以帮助我们更快、更方便地处理字符串。在实际开发中，我们经常需要对字符串进行替换操作，而使用 replaceAll() 方法可以大大简化我们的代码，并提高我们的开发效率。
需要注意的是，replaceAll() 方法在某些浏览器中可能还不支持，所以在使用时需要注意兼容性问题。
总结
在本文中，我们介绍了 ES12 中的新特性 String.prototype.replaceAll() 方法，并给出了多个示例。通过学习本文，相信大家已经掌握了如何使用 replaceAll() 方法进行字符串替换，并了解了它的指导意义。在实际开发中，我们可以根据需要灵活使用 replaceAll() 方法，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655dd659d2f5e1655d8210ae