在编写前端代码时，我们经常需要对字符串进行全局替换。在以往的版本中，我们通常使用正则表达式或者字符串的 replace() 方法来实现。但是这些方法在使用时都存在一些繁琐的问题，比如正则表达式的语法复杂，replace() 方法只能替换第一个匹配项等等。为了解决这些问题，ES12 中新增了一个字符串方法 replaceAll()，可以方便地进行全局替换。
replaceAll() 方法的基本用法
replaceAll() 方法可以接收两个参数，第一个参数是需要被替换的字符串，第二个参数是用来替换的字符串。方法会在字符串中查找所有匹配的字符串并用替换字符串替换它们，最终返回一个新的字符串。
下面是一个简单的示例代码：
const str = "hello world";
const newStr = str.replaceAll("o", "0");
console.log(newStr); // "hell0 w0rld"在上面的代码中，我们将字符串中所有的 "o" 替换为 "0"，最终得到了一个新的字符串。
replaceAll() 方法的高级用法
除了基本用法之外，replaceAll() 方法还提供了一些高级用法，可以更加灵活地进行替换。
使用正则表达式进行替换
replaceAll() 方法不仅支持字符串替换，还支持使用正则表达式进行替换。这样就可以更加灵活地进行匹配和替换。
下面是一个使用正则表达式进行替换的示例代码：
const str = "hello world"; const newStr = str.replaceAll(/o/g, "0"); console.log(newStr); // "hell0 w0rld"
在上面的代码中，我们使用了正则表达式 /o/g 来匹配字符串中所有的 "o"，并将它们替换为 "0"。
使用函数进行替换
除了使用字符串和正则表达式进行替换之外，我们还可以使用函数来实现更加复杂的替换逻辑。当 replaceAll() 方法的第二个参数为函数时，该函数会在每次匹配到字符串时被调用，并且可以接收多个参数，包括匹配到的字符串、匹配到的位置等等。
下面是一个使用函数进行替换的示例代码：
const str = "hello world";
const newStr = str.replaceAll(/o/g, (match, position, originalString) => {
return position % 2 === 0 ? "0" : "1";
});
console.log(newStr); // "h1ll0 w0rld"在上面的代码中，我们使用了一个函数作为 replaceAll() 方法的第二个参数。当匹配到字符串时，该函数会被调用，并且可以根据需要返回不同的替换字符串。
总结
ES12 中的 replaceAll() 方法可以方便地进行全局替换，避免了以往使用正则表达式或者 replace() 方法时的一些繁琐问题。除了基本用法之外，该方法还支持使用正则表达式和函数进行替换，可以更加灵活地满足不同的需求。在实际开发中，我们可以根据具体情况选择合适的替换方式，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6609659bd10417a22281e9d9