ES11 新特性：String.prototype.replaceAll() 方法详解

在 ES11 中，JavaScript 引入了一种新的字符串方法，即 String.prototype.replaceAll() 方法。这个新特性允许我们在字符串中一次性替换所有匹配项，而不需要使用正则表达式或循环。

本文将介绍这个新方法的使用方法，以及它对前端开发的意义和应用场景。

语法

String.prototype.replaceAll(searchValue, replaceValue)

• searchValue: 要搜索的字符串或正则表达式。
• replaceValue: 用于替换的字符串或函数。

示例

下面是使用 replaceAll 方法的一些示例：

const str = 'hello world';

console.log(str.replaceAll('world', 'earth')); // "hello earth"

const str2 = '1 2 3 4';

console.log(str2.replaceAll(/\d/, '0')); // "0 0 0 0"

const str3 = '1abc23abc456';

console.log(str3.replaceAll(/abc/g, '-')); // "1-23-456"

应用场景

替换字符串中的所有匹配项

在过去，我们需要使用正则表达式或循环来替换字符串中的所有匹配项。使用 replaceAll 方法，这个过程变得更加容易。

const str = '1 2 3 4';

console.log(str.replace(/\d/g, '0')); // "0 0 0 0"
console.log(str.replaceAll(/\d/, '0')); // "0 0 0 0"

删除字符串中的所有匹配项

如果我们想要删除字符串中的所有匹配项，可以使用空字符串作为替换值。

const str = 'a.b.c';

console.log(str.replaceAll('.', '')); // "abc"

要点

• replaceAll 方法只是 replace 方法的简写，用法与 replace 方法非常相似。
• replaceAll 是一个链式方法，可以连续调用。
• replaceAll 方法返回新的字符串，不会改变原来的字符串。
• searchValue 可以是字符串或正则表达式，搜索字符串中的所有匹配项。
• replaceValue 可以是字符串或函数，用于替换搜索字符串中的所有匹配项。

结论

String.prototype.replaceAll() 方法是一种非常简单但实用的新特性，尤其适用于字符串的批量处理。通过了解这个方法的使用和应用技巧，可以为我们带来更好的开发体验和代码效率。

希望这篇文章对你有所帮助，有其他问题或疑问可以在下面的评论区留言。

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