JavaScript 的 String 类型中提供了许多用于操作字符串的方法，其中 replace 方法是常见的一种常用方法。在 ES2021 中，String 类中新增加了一种 replaceAll 方法，本文将介绍这个新的方法及其应用场景和使用方法。
replaceAll 方法简介
replaceAll 方法是 ES2021 中新增加的 String 类型的实例方法，用于将字符串中的所有匹配项都替换为新的字符串。该方法支持使用正则表达式匹配字符串。
语法
str.replaceAll(searchValue, replaceValue)
参数
searchValue（必选）：要查找的字符串或正则表达式。replaceValue（必选）：用于替换searchValue的字符串或函数。
返回值
替换后的新字符串。
replaceAll 方法的使用
与 replace 方法一样，replaceAll 方法也可以用来替换一个字符串中的元素，并且它还允许使用正则表达式进行匹配。
替换所有匹配项
下面是一个简单的例子。假设我们有一个字符串“Hello, hello, world”，现在我们想将所有的 "hello" 替换为 "hi"：
let str = 'Hello, hello, world';
let newStr = str.replaceAll('hello', 'hi');
console.log(newStr); // 输出：'Hi, hi, world'在例子中，我们首先使用了 replaceAll 方法将所有的 "hello" 替换为 "hi"，最后输出了替换后的新字符串。
使用正则表达式
除了基本的字符串替换外，我们还可以使用正则表达式进行匹配和替换。例如，下面的代码示例将利用 replaceAll 方法，将所有数字替换为空字符串：
let text = 'A1B2C3D4E5F6G7'; let newText = text.replaceAll(/\d/g, ''); console.log(newText); // 输出: 'ABCDEFG'
在正则表达式 / \d/g 与替换函数（在本例中为空）一起使用时，它将匹配所有数字，并且在替换过程中删除它们。
使用函数
除了替换字符串外，replaceAll 方法还允许使用函数来替换匹配内容。使用此方法，我们可以更灵活地处理替换过程。下面的代码示例将利用 replaceAll 方法，使用一个函数将单词中的第二个字符替换为特殊字符：
let text = 'the quick brown fox jumps over the lazy dog';
let newText = text.replaceAll(/\b(\w)(\w)?/g, function(match, p1, p2) {
return p1 + (p2 ? '*' : '');
});
console.log(newText); // 输出：'t*e q*ck b*own f*x j*mps ove* t*e l*zy d*g'在上面的例子中，通过使用正则表达式 /\b(\w)(\w)?/g，我们匹配了字符串中所有的单词，并将单词的第二个字符替换为 "*".
replaceAll 方法的秘密
虽然 replaceAll 方法与 replace 方法非常相似，但是它们有一个重大的区别，那就是 replaceAll 方法只能用于内存中的字符串（即内存字符串），不能用于固定的字符串（即不可变字符串）。
让我们看一下以下代码：
let str = 'aabbcc';
let newStr = str.replaceAll('a', 'x');
console.log(newStr); // 输出：'xxbbcc'
console.log(str); // 输出：'aabbcc'如你所见， replaceAll 方法仅仅只是改变了被匹配字符串的实例值，而不改变被匹配字符串本身。这种行为是因为 replaceAll 方法是基于内存中的字符串修改，而不是基于固定字符串修改。这意味着将 replaceAll 方法用于固定字符串（如字面量字符串："aabbcc"）将会抛出 TypeError 错误。
总结
replaceAll 方法是 ES2021 中新增加的 String 类型的实例方法，它可以在字符串中将所有匹配项替换为新的字符串，支持使用正则表达式匹配。本文介绍了 replaceAll 方法的基本用法和高级用法，并深入讨论了它与 replace 方法之间的区别及其秘密。加深对该方法的理解，能够提高开发人员在 JavaScript 中操作字符串的能力，从而更好地编写高质量的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65372b017d4982a6ebf913b3