ES11 中 String.prototype.replaceAll() 方法的详解

在ES11中，String原型上新增了一个名为replaceAll()的方法，与replace()类似，可以用来替换字符串中的字符或者子串。本文将详细讲解该方法的使用方式和使用场景。

语法

String.prototype.replaceAll(searchValue, replaceValue)

参数说明

• searchValue：需要替换的字符或者子串。
• replaceValue：替换后的字符或者子串。

返回值

• 返回一个新的字符串。

注意事项

• searchValue和replaceValue都可以是字符串或者正则表达式。
• 如果searchValue是字符串，则只会替换第一次出现的字符串。
• 如果是正则表达式，替换将针对所有匹配项进行。

使用示例

替换所有匹配项

const str = "hello world, world!";
const newStr = str.replaceAll("world", "earth");
console.log(newStr); // "hello earth, earth!"

使用正则表达式替换匹配项

const str = "Hello, World!";
const newStr = str.replaceAll(/h/gi, "");
console.log(newStr); // "Hello, World!"

深入剖析

相比于replace()方法，replaceAll()具有以下优势：

• 当需要替换多个匹配项时，使用replaceAll()可以减少代码量。
• 相较于正则表达式全局搜索和替换，使用replaceAll()可以获得更好的性能。

值得注意的是，replaceAll()并不能完全替代replace()方法，因为在只需要替换单个匹配项或者需要自定义替换规则的情况下，replace()仍然是更加实用的选择。

总结

ES11中新增的String.prototype.replaceAll()方法为前端开发者带来更加方便快捷的字符或者子串替换方法。在实际开发过程中，我们需要综合考虑代码的性能及替换需求，根据具体场景选择合适的替换方式。

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