ES12 中 String.prototype.replaceAll() 的新方法介绍-JavaScript中文网-JavaScript教程资源分享门户

在 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() 的比较：

const str = 'hello world, hello world!';
const oldStr = 'world';
const newStr = 'earth';

// replace()
const replacedStr = str.replace(oldStr, newStr);
console.log(replacedStr); // 'hello earth, hello world!'

// replaceAll()
const replacedAllStr = str.replaceAll(oldStr, newStr);
console.log(replacedAllStr); // 'hello earth, hello earth!'

如上所示，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