JavaScript中的replace()和replaceAll()是用于替换字符串中指定内容的方法。尽管它们在功能上非常相似，但在某些方面存在重要的区别。这两个方法都用于替换字符串中的字符或子字符串，但它们之间存在一些区别。本文将详细介绍这两个方法的区别，以及何时使用它们。
1. replace()方法
replace()方法是JavaScript字符串对象的方法，用于将指定的内容替换为新的内容。它的语法如下：
string.replace(searchValue, replaceValue)
searchValue：要被替换的内容。可以是字符串或正则表达式。
replaceValue：用来替换searchValue的新内容。可以是字符串或一个函数。
replace()方法只会替换第一个匹配到的内容。如果要替换所有匹配到的内容，需要使用正则表达式，并带上全局标志g，如下所示：
string.replace(/searchValue/g, replaceValue)
2. replaceAll()方法
replaceAll()方法是JavaScript字符串对象的新方法，从ECMAScript 2021引入。它的功能与replace()方法类似，但它会替换所有匹配到的内容。它的语法如下：
string.replaceAll(searchValue, replaceValue)
与replace()方法不同，replaceAll()方法不支持正则表达式作为searchValue，它只接受普通的字符串作为参数。
3. 区别
现在让我们来看一下replace()和replaceAll()之间的区别：
功能：replace()方法只替换第一个匹配到的内容，而replaceAll()方法会替换所有匹配到的内容。
参数类型：replace()方法可以接受正则表达式作为参数，而replaceAll()方法只能接受普通的字符串作为参数。
兼容性：由于replaceAll()是在ECMAScript 2021中引入的，它可能不被所有浏览器所支持。而replace()方法是旧版本的JavaScript中的标准方法，具有更广泛的浏览器兼容性。
4. 示例
下面是一些示例，演示了如何使用replace()和replaceAll()方法：
const str = ‘replace example example example’;
// 使用replace()方法替换第一个匹配到的’example’
const replacedStr = str.replace(‘example’, ‘replacement’);
console.log(replacedStr); // ‘replace replacement example example’
// 使用replaceAll()方法替换所有匹配到的’example’
const replacedAllStr = str.replaceAll(‘example’, ‘replacement’);
console.log(replacedAllStr); // ‘replace replacement replacement replacement’
// 使用replace()方法配合正则表达式替换所有匹配到的数字
const strWithNumbers = ‘1234 5678 91011’;
const replacedNumbersStr = strWithNumbers.replace(/d/g, ‘#’);
console.log(replacedNumbersStr); // ‘ #### #####’
// 如果浏览器不支持replaceAll()方法，可以使用正则表达式和replace()方法来实现相同的功能
const replacedAllPolyfillStr = str.replace(/example/g, ‘replacement’);
console.log(replacedAllPolyfillStr); // ‘replace replacement replacement replacement’
在上面的示例中，我们使用了replace()和replaceAll()方法来替换字符串中的内容。通过比较输出结果，我们可以清楚地看到这两个方法之间的区别。
总结：
replace()和replaceAll()方法都可用于替换JavaScript字符串中的内容，但它们在功能和参数类型上有所不同。replace()方法替换第一个匹配到的内容，支持正则表达式作为参数;而replaceAll()方法替换所有匹配到的内容，只能接受普通的字符串作为参数。在选择方法时，需根据需求和浏览器兼容性进行合理选择。
关注微信
