在 ECMAScript 2021 （ES12）中，新增了一个非常实用的方法：String.prototype.replaceAll()。这个方法可以让我们更方便地替换一段文本中的指定字符或字符串。相比以前的 String.prototype.replace() 方法，它的功能更强，使用上也更加方便。
方法介绍
String.prototype.replaceAll() 方法的语法如下：
--------------------------- -------------
其中，searchValue 是被替换的字符串或正则表达式，replaceValue 是替换后的字符串或者一个返回替换结果的函数。
下面我们来看一个示例：
----- --- - ------- ------ ------ ------ ------ -------- ----------------------------------- -------- -- -- ------ ---- ------ ---- ------ ----
在上面的例子中，我们将每个 'world' 字符串都替换成了 'you'，输出结果是 'Hello, you. Hello, you. Hello, you.'。
当然，如果我们需要替换的是正则表达式对象，也是支持的。举个例子：
----- --- - ---- ----- ----- --- ----- ---- --- ---- ------ -------------------------------------- ----------- -- -- --- ------ ------ ------ ------ ------ ------ ------ ------ -------
在上面的例子中，我们将所有单词都替换成了 'banana'，输出结果是 'The banana banana banana banana banana banana banana banana banana.'。
和 String.prototype.replace() 方法一样，String.prototype.replaceAll() 也可以传入一个函数作为 replaceValue，这个函数会被调用多次，每次调用的参数和返回值都和 String.prototype.replace() 方法一样。下面是一个示例：
----- --- - -------------- --------------------------------- ----- -- --------------- - ---- -- -- -----------
在上面的例子中，我们将 'abc-123-xyz' 中的数字都乘以 2，输出结果是 'abc-246-xyz'。
更新正则表达式对象
在 String.prototype.replaceAll() 方法中，我们也可以更新正则表达式对象的 lastIndex 属性，这个属性代表下一次匹配的起始位置。这个特性常常被用于全局匹配中，可以很方便地处理多个匹配结果。
让我们来看一个例子：
----- --- - ------- ------ ------ ------ ------ -------- ----- ----- - ----- --------------- - --- --------------------------------- ------ -- -- ------ ------ ------ ------ ------ ------
在上面的例子中，我们将正则表达式对象的 lastIndex 属性设置为 10，代表下一次匹配从第 10 个字符开始。然后我们将字符 'o' 全部替换成了 'a'，输出结果是 'Hello, warld. Hello, warld. Hello, world.'。
学习与指导意义
String.prototype.replaceAll() 方法的出现为我们提供了更方便的字符串替换方式，不用再手动构造正则表达式对象或者使用多次 String.prototype.replace() 方法来完成替换操作。
同时，我们也可以通过更新正则表达式对象的 lastIndex 属性来方便地处理全局匹配的情况。这个特性很实用，可以提升代码的效率。
当然，要注意的是，String.prototype.replaceAll() 方法是 ECMAScript 2021 中新增的方法，如果我们的项目中有使用到的话，要注意兼容性问题。
总结
本文介绍了 ECMAScript 2021 中新增的 String.prototype.replaceAll() 方法，并讲解了它的使用方法和更新正则表达式对象的特性。这个方法方便了我们的字符串替换操作，也提高了代码的效率。同时，要注意该方法的兼容性问题，以免出现意外情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664da385d3423812e4d3096c