在 ES12 中，JavaScript 引入了一个名为 replaceAll() 的新方法，该方法与 replace() 相似，但它可以替换字符串中的所有匹配项，而不仅仅是第一个匹配项。
在本文中，我们将深入探讨这个新方法，并介绍它的使用方式以及与其他相关方法的比较。
replace() vs replaceAll()
首先要指出的是，replace() 方法只会替换字符串中的第一个匹配项。如果您想将所有匹配项替换为新的值，您需要使用正则表达式，将全局匹配标志设置为 g。例如：
const str = 'hello world'; const newStr = str.replace(/o/g, '0'); console.log(newStr); // 'hell0 w0rld'
然而，replaceAll() 可以更简单地处理这些情况，不需要正则表达式。以下是 replace() 与 replaceAll() 的比较：
-- -------------------- ---- ------- ----- --- - ------ ------ ----- -------- ----- ------ - -------- ----- ------ - -------- -- --------- ----- ----------- - ------------------- -------- ------------------------- -- ------ ------ ----- ------- -- ------------ ----- -------------- - ---------------------- -------- ---------------------------- -- ------ ------ ----- -------
如上所示，replaceAll() 替换了字符串中的所有匹配项。
支持正则表达式
除了可以用字符串替换字符串，replaceAll() 还支持使用正则表达式进行替换。以下是一个示例：
const str = 'hello world, hello world!'; const pattern = /wo\w+/g; const newStr = 'earth'; const replacedStr = str.replaceAll(pattern, newStr); console.log(replacedStr); // 'hello earth, hello earth!'
此示例使用正则表达式 /wo\w+/g 匹配字符串中的单词“world”。replaceAll() 将会使用新字符串 'earth' 替换所有匹配到的单词。
效率比 replace() 更高
由于 replaceAll() 不需要使用正则表达式来进行全局匹配，因此比 replace() 方法更高效。在性能方面，replaceAll() 可能会更好。
如何在旧版本中使用 replaceAll()
如果您需要在不支持 replaceAll() 的旧版本中使用它，可以使用 polyfill 来实现这种方法：
// polyfill for older browsers
if (!String.prototype.replaceAll) {
String.prototype.replaceAll = function (pattern, replacement) {
return this.replace(new RegExp(pattern, 'g'), replacement);
};
}此代码段检查 replaceAll() 是否可用。如果不可用，则定义该方法，并将模式替换为全局正则表达式。
总结
ES12 中的新方法 replaceAll() 可以轻松地替换字符串中的所有匹配项，这比 replace() 方法更高效。此外，它还支持使用正则表达式进行替换。
如果你需要在旧版本的 JavaScript 中使用 replaceAll() 方法，可以使用 polyfill 来实现。
尝试使用 replaceAll() 进行字符串替换并提高您的代码效率吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b3b058add4f0e0ffcb61e5