ECMAScript 2020 (ES11) 中的 String.prototype.replaceAll 方法详解

在 ECMAScript 2020 (ES11) 中，新增了一个非常实用的方法，即 String.prototype.replaceAll，该方法可以用于替换字符串中的所有匹配项。本文将详细介绍这个方法的用法和示例。

用法

String.prototype.replaceAll 方法的用法非常简单，只需要提供两个参数：第一个参数是要替换的字符串或正则表达式，第二个参数是用于替换的新字符串。示例代码如下：

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

在上面的代码中，我们使用 replaceAll 方法将字符串中的所有 "o" 替换为 "0"，最终得到了新的字符串 "hell0 w0rld"。

需要注意的是，第一个参数可以是一个正则表达式，这样就可以更加灵活地进行替换操作。示例代码如下：

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

在上面的代码中，我们使用了一个正则表达式 /o/g，其中 "g" 表示全局匹配，即替换所有匹配到的 "o"。

深入理解

String.prototype.replaceAll 方法的实现原理非常简单，它其实就是对字符串中所有匹配项进行替换。在内部实现上，它使用了一个 while 循环来遍历字符串中的所有匹配项，并使用 replace 方法进行替换。示例代码如下：

String.prototype.replaceAll = function(search, replace) {
  let str = this;
  while (str.includes(search)) {
    str = str.replace(search, replace);
  }
  return str;
};

需要注意的是，由于 replaceAll 方法是在 String.prototype 上定义的，因此它只能用于字符串类型的对象。如果我们尝试对其他类型的对象使用该方法，就会抛出一个 TypeError 异常。

学习和指导意义

String.prototype.replaceAll 方法的出现，为我们在日常开发中处理字符串提供了更加便利和灵活的方式。在以往，如果我们想要替换字符串中的所有匹配项，就需要使用正则表达式结合 replace 方法来实现。而现在，我们只需要一个简单的方法调用，就可以完成这个操作，大大提高了开发效率。

此外，String.prototype.replaceAll 方法的出现也提醒我们，在学习和使用 JavaScript 时，要时刻关注新的语法和 API，以便能够更加高效地完成开发任务。同时，也要注意不同版本的浏览器对语法和 API 的支持情况，以免出现兼容性问题。

示例代码

最后，我们来看一些使用 String.prototype.replaceAll 方法的示例代码。

示例 1：替换字符串中的所有空格

const str = "hello world";
const newStr = str.replaceAll(" ", "-");
console.log(newStr); // "hello-world"

示例 2：替换字符串中的所有数字

const str = "hello123world456";
const newStr = str.replaceAll(/\d/g, "");
console.log(newStr); // "helloworld"

示例 3：替换字符串中的所有标点符号

const str = "hello, world!";
const newStr = str.replaceAll(/[^\w\s]|_/g, "");
console.log(newStr); // "hello world"

在上面的代码中，我们使用了一个正则表达式 /[^\w\s]|/g，其中 "[^\w\s]" 表示匹配所有非字母、数字和下划线的字符，"|" 表示或者，"" 表示匹配下划线。最终，我们将所有匹配到的标点符号替换为空字符串，得到了新的字符串 "hello world"。

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