ECMAScript 2021 中的 String.prototype.replaceAll() 方法详解-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2021 中，新增了一个非常实用的字符串方法 String.prototype.replaceAll()，该方法可以用来替换字符串中的所有匹配项。本文将详细介绍该方法的使用方法及其指导意义，并提供示例代码。

方法介绍

String.prototype.replaceAll() 方法是 JavaScript 中字符串对象的一个方法，用于将字符串中所有匹配项替换为指定的字符串。该方法可以接受两个参数，第一个参数是要替换的字符串或正则表达式，第二个参数是用于替换的字符串或函数。

语法

str.replaceAll(searchValue, replaceValue)

参数

searchValue：要替换的字符串或正则表达式
replaceValue：用于替换的字符串或函数

返回值

返回一个新的字符串，该字符串是将所有匹配项替换为指定字符串或函数后得到的结果。

注意事项

searchValue 参数可以是字符串或正则表达式，如果是字符串，则只能替换第一个匹配项，如果是正则表达式，则可以替换所有匹配项。
replaceValue 参数可以是字符串或函数，如果是字符串，则只能替换为固定的字符串，如果是函数，则可以根据匹配项动态生成替换字符串。

示例代码

替换字符串中的所有匹配项

const str = 'hello world, hello javascript'
const result = str.replaceAll('hello', 'hi')
console.log(result) // 'hi world, hi javascript'

替换字符串中的正则表达式匹配项

const str = 'hello world, hello javascript'
const result = str.replaceAll(/hello/g, 'hi')
console.log(result) // 'hi world, hi javascript'

根据匹配项动态生成替换字符串

const str = 'hello world, hello javascript'
const result = str.replaceAll(/hello/g, match => match.toUpperCase())
console.log(result) // 'HELLO world, HELLO javascript'

指导意义

String.prototype.replaceAll() 方法的出现，可以极大地方便了字符串的替换操作。在以往的版本中，我们需要使用 replace() 方法结合正则表达式和全局匹配来实现字符串的全部替换，但是这种方法比较繁琐，容易出错。使用 String.prototype.replaceAll() 方法可以更加简单、直观地实现字符串的全部替换。

同时，String.prototype.replaceAll() 方法还支持使用函数来动态生成替换字符串，这也为字符串的复杂替换操作提供了更多的灵活性和可扩展性。因此，我们在实际开发中，可以更加方便地处理字符串的替换需求，提高开发效率。

结论

在 ECMAScript 2021 中，String.prototype.replaceAll() 方法是一个非常实用的字符串方法，可以方便地实现字符串的全部替换，并支持使用函数动态生成替换字符串。在实际开发中，我们可以充分利用该方法，提高开发效率。

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