ES2021 中的 String 方法：prototype.replaceAll 支持使用正则表达式

在 ES2021 中，String 原型链上新增了一个方法：replaceAll。这个方法可以帮助我们更方便地替换一个字符串中所有匹配的子串。于是，我们不用再使用 replace 方法的全局搜索替换，而是可以直接使用更简洁、高效的 replaceAll 方法进行替换。

replaceAll 方法

replaceAll 方法使用如下所示：

str.replaceAll(searchValue, replaceValue)

其中，searchValue 是需要替换的子串，replaceValue 是用来替换的新值。replaceValue 可以是新的字符串或者是一个替换函数。

一个简单的示例，将字符串中的所有逗号替换成句号：

let str = 'I love programming, programming is fun.';
let newStr = str.replaceAll(',', '.');
console.log(newStr); // "I love programming. programming is fun."

同时，替换函数也可以用来对匹配到的字符串做更复杂的处理。例如，我们可以将字符串中的所有数字替换成它的平方：

let str = 'I have 3 apples and 2 bananas.';
let newStr = str.replaceAll(/\d/g, match => match ** 2);
console.log(newStr); // "I have 9 apples and 4 bananas."

这里使用了正则表达式 /\d/g 来匹配所有的数字。replaceAll 方法会将每个匹配到的数字传递给替换函数，替换函数返回该数字的平方。

深度学习

除了上述示例，我们还可以更深入地了解 replaceAll 方法。在之前的示例中，我们使用了正则表达式来匹配所有的数字。但是，replaceAll 方法也支持使用其他的正则表达式匹配字符。

一个常用的正则表达式是 /(?:)/，它匹配空字符。这个正则表达式可以用来插入字符串中的新内容。例如，我们可以将单词 "programming" 后面插入一个 " is fun"：

let str = 'Programming is awesome.';
let newStr = str.replaceAll(/(?=programming)/ig, 'programming is fun');
console.log(newStr);
// "programming is fun Programming is awesome."

在上面的示例中，我们使用了模式 /(?=programming)/ig 匹配 "programming" 前面的位置。使用这个模式，replaceAll 方法只会匹配而不是替换位置。

指导意义

replaceAll 方法不仅可以将一个字符串中所有匹配的子串替换成新值，还可以使用复杂的正则表达式来做更加高级的替换和处理。使用这个方法，我们可以更方便地处理和修改字符串。

当然，我们在使用时，也要注意一些性能问题，如不要使用复杂的正则表达式或使用多次替换嵌套。具体应用可以根据实际情况，优化替换策略。

结论

ES2021 中的 String 方法：replaceAll 支持使用正则表达式，为我们的字符串替换操作带来了更多的便利性和高效性。

例如，我们可以使用正则表达式对字符串做更加高级的替换和处理，处理字符串的变化更加灵活方便。

同时，在使用时，我们也需要注意代码的性能问题，避免因为使用正则表达式过于复杂而影响程序的执行效率。

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