在 JavaScript 开发中，字符串替换是一项常见的任务。在 ES2021 中，全新的 String.replace 方法可以更方便地完成字符串替换任务。该方法支持全局替换，同时还支持使用正则表达式进行处理，这为字符串处理带来了更加强大和高效的能力。
String.replace 的新功能
ES2021 中的 String.replace 方法增加了一个新的参数：replaceAll。该参数可用于指示是否要全局替换找到的所有匹配项。
-- -------------------- ---- ------- ----- --- - ---- --- --- ----- -- -------- ------------------------------ -------- -- ------- --- --- ---- -- ------- --------------------------------- -------- -- ------- --- --- ----
以上代码中，我们首先使用 replace 方法将字符串 str 中的第一个 "aaa" 替换为 "ddd"，然后使用 replaceAll 方法替换字符串中所有匹配项 "aaa" 为 "ddd"。可以看到，使用 replaceAll 方法可以更方便地替换字符串中的所有匹配项。
此外，String.replace 方法还支持使用正则表达式进行替换。例如，我们可以使用正则表达式替换字符串中的数字：
const str = '20 apples and 30 oranges'; console.log(str.replaceAll(/\d+/g, 'XX')); // 输出：'XX apples and XX oranges'
在以上代码中，我们使用 /\d+/g 正则表达式来匹配字符串 str 中的数字，并将其替换为 "XX"。使用正则表达式进行替换可以更加灵活，适用于更加复杂的替换操作。
使用 String.replace 进行字符串替换
在实际开发中，我们可以使用 String.replace 方法来进行字符串替换。该方法支持传入一个字符串或正则表达式作为查找项，同时还可以指定要替换成的字符串或使用函数进行替换。
使用字符串进行简单替换
如果我们想将字符串中的一个子串替换为另一个字符串，可以使用 String.replace 方法进行简单替换。例如，我们可以将字符串中的 "apple" 替换为 "orange"：
const str = 'I have an apple';
console.log(str.replace('apple', 'orange'));
// 输出：'I have an orange'使用正则表达式进行复杂替换
String.replace 方法也支持使用正则表达式进行复杂替换。例如，我们可以将字符串中所有的空格替换为 "-"：
const str = 'I love JavaScript'; console.log(str.replace(/\s/g, '-')); // 输出：'I-love-JavaScript'
在以上代码中，我们使用 /\s/g 正则表达式来匹配字符串 str 中的所有空格，并将其替换为 "-"。
使用函数进行替换
除了使用字符串和正则表达式进行替换外，String.replace 方法还可以使用函数进行替换。该函数接收三个参数：匹配到的字符串、匹配的位置和原始字符串，返回值为要替换成的字符串。
const str = 'hello world'; console.log(str.replace(/world/, match => match.toUpperCase())); // 输出：'hello WORLD'
在以上代码中，我们使用匿名函数来替换字符串中的 "world"，将其转换为大写字母。函数中的 match 参数代表匹配到的字符串，我们在函数中对其进行处理后返回替换后的字符串。
总结
ES2021 中的 String.replace 方法支持全局替换和使用正则表达式进行替换操作。通过该方法，开发者们可以更加方便地进行字符串处理任务。在使用 String.replace 方法时，我们可以根据实际需求使用字符串、正则表达式或函数来进行替换操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64989d1748841e989459cd3e