利用 ES12 中的 String.prototype.replaceAll 方法进行字符串全局替换-JavaScript中文网-JavaScript教程资源分享门户

在编写前端代码时，字符串的处理是很常见的需求。在过去的 ES 版本中，我们通常使用 replace() 方法对字符串进行替换。但是在 ES12 中，新增了 replaceAll() 方法，它与 replace() 方法类似，但不同的是可以对所有匹配项进行替换。

基本用法

replaceAll() 方法的基本语法如下：

str.replaceAll(searchValue, replaceValue)

其中，searchValue 是要被替换的字符串或正则表达式，replaceValue 是替换字符串。

下面是一个简单的示例：

const str = "hello world";
const newStr = str.replaceAll("o", "0");
console.log(newStr); // 输出：hell0 w0rld

在上面的示例中，我将字符串 "o" 替换为 "0"，并将结果赋给了一个新的字符串变量 newStr。

需要注意的是，replaceAll() 方法在所有匹配项中进行全局替换。所以如果你想只替换第一个匹配项，那么仍然应该使用 replace() 方法。

除了可以替换具体的字符串外，replaceAll() 还可以接受正则表达式作为搜索条件，从而实现更灵活的字符串替换。

例如，下面这段代码将会将所有数字替换为空格：

const str = "abc123def456";
const newStr = str.replaceAll(/\d+/g, " ");
console.log(newStr); // 输出：abc def

正则表达式 /\d+/g 匹配所有连续的数字，并使用空格作为替换字符串。

下面是一个错误的示例：

const str = "$100 for 2 items.";
const newStr = str.replaceAll("$", "￥");
console.log(newStr); // 输出：$100 for 2 items.

上面的代码试图将 $ 替换为 ￥，但实际上并没有起到任何作用。这是因为 $ 是一个特殊字符，表示字符串的结尾。如果你仍想替换 $ 字符，那么你需要将其转义为 \$：

const str = "$100 for 2 items.";
const newStr = str.replaceAll(/\$/g, "￥");
console.log(newStr); // 输出：￥100 for 2 items.

replaceAll() 方法是一种非常方便的方法，它可以帮助我们快速、灵活地处理字符串。在实际应用中，你可以通过结合正则表达式，使用这个方法来做更多的事情。但是需要注意，在替换字符串时，一定要考虑到边界情况，避免出现意想不到的错误。

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