如何使用 ES11 中的 String.prototype.replaceAll() 函数快速替换字符串？

在前端开发中，经常需要对字符串进行操作，其中最常见且重要的操作之一就是字符串替换。在过去，我们经常使用 replace() 函数来完成字符串的替换，但是该函数只能替换第一个匹配到的字符串。在 ES11 中，新增了 replaceAll() 函数，可以直接替换所有匹配到的字符串。

语法

replaceAll() 函数的语法如下：

str.replaceAll(searchValue, replaceValue);

其中，searchValue 表示需要被替换的值，可以是字符串或正则表达式，replaceValue 表示替换的值，可以是字符串或者一个函数（类似于 replace() 函数中的第二个参数）。

示例

下面通过一个示例来演示如何使用 replaceAll() 函数替换字符串中的全部匹配值：

const str = "hello, world! hello, earth!";
const newStr = str.replaceAll("hello", "hi");

console.log(newStr); // "hi, world! hi, earth!"

上述示例中，执行 replaceAll() 函数后会将字符串中所有的 hello 替换成 hi。

正则表达式

除了字符串外，replaceAll() 函数还可以接收正则表达式作为参数来替换字符串。下面是一个使用正则表达式进行替换的示例：

const str = "2021-04-12 2021-04-13 2021-04-14";
const newStr = str.replaceAll(/\d{4}-\d{2}-\d{2}/g, "");

console.log(newStr); // "   "

上述示例中，使用正则表达式 / \d{4}-\d{2}-\d{2} /g 匹配了所有的日期格式，并将其替换为空字符串。

注意事项

虽然 replaceAll() 函数在字符串替换中十分方便，但是在使用时需要注意以下几点：

1. replaceAll() 函数是 ES11 新增的函数，如果需要在不支持 ES11 的环境中使用，需要进行兼容性处理。
2. searchValue 参数可以接收正则表达式，但是如果正则表达式中带有特定字符，需要进行转义处理，避免出现错误。
3. replaceAll() 函数返回一个新的字符串，如果需要直接修改原字符串，可以使用 replace() 函数或其他方法。

总结

通过本文，我们了解了 ES11 中新增的 replaceAll() 函数的用法以及注意事项。使用 replaceAll() 函数可以快速替换所有匹配字符串，提高开发效率。实际开发过程中，需要充分利用该函数的特性，避免出现错误。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6535e1067d4982a6ebd93224