如何使用 ECMAScript 2021 (ES12) 中的 String.prototype.replaceAll() 方法？

在 ECMAScript 2021 (ES12) 中，新增了一个非常实用的字符串方法：String.prototype.replaceAll()。该方法可以用于全局替换字符串中的特定字符或子串，非常方便实用。本文将介绍什么是该方法，如何使用以及实际应用场景。

String.prototype.replaceAll() 方法的介绍

在ES12中，新增了一个字符串方法：replaceAll()。它可以接受两个参数，分别是被替换的字符串和替换成的字符串（或者一个函数）。该方法可以将字符串中所有匹配的元素替换为新内容，并返回一个新的字符串。使用该方法可以使代码更加简洁和易读。

如何使用 String.prototype.replaceAll() 方法？

该方法非常简单直接，只需调用字符串的replaceAll()方法并传递两个参数。其中第一个参数是要被替换的字符串，第二个参数是替换成的字符串。如下所示：

const str = 'hello world!';
const newStr = str.replaceAll('o', '');
console.log(newStr); // 'hell wrld!'

当然，您也可以传递一个函数作为第二个参数，该函数可以通过参数捕获匹配的结果，并将其替换成新的内容。如下示例：

const str = 'hello world!';
const newStr = str.replaceAll(/l/g, match => match.toUpperCase());
console.log(newStr); // 'heLLo worLd!'

在上述示例中，replaceAll()方法通过传递一个正则表达式来匹配所有匹配的字符。在匹配的每个字符上执行了一个函数，将匹配的字符替换为其大写形式并将其返回为新的字符串。

String.prototype.replaceAll()方法的应用场景

replaceAll()方法非常有用以及实用，特别是在替换字符串中的文本时。例如，您可以使用该方法来从URL中删除所有查询参数。如下 示例：

const url = 'https://www.example.com?search=query&sortBy=date';
const newUrl = url.replaceAll(/\?.*/, '');
console.log(newUrl); // 'https://www.example.com'

此外，replaceAll()方法还可以在其他一些场合中被使用，例如检查一个字符串中是否有重复的字符，并将这些字符替换为新的内容。如下所示：

const str = 'bobsayedhello';
const newStr = str.replaceAll(/(.)(?=.*\1)/g, '');
console.log(newStr); // 'obsyhd'

在上述示例中，使用replaceAll()方法来替换所有重复的字符。通过使用正则表达式，在匹配的字符中捕获了并将其替换为一个包含只有不重复的字符的新字符串。

总结

ECMAScript 2021 (ES12) 中的 String.prototype.replaceAll() 方法是一个实用的 JavaScript 字符串方法。它可以用于全局替换字符串中的特定字符或子串，并可以使代码变得更加简洁和易读。在实际编程中，我们可以使用它来处理多种情况，例如删除 URL 中的查询参数，替换字符串内容。此外，我们还可以将其与其他方法结合使用以扩展其功能，从而使代码更加灵活方便。

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