ES2021 之 String.prototype.replaceAll-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发过程中，字符串处理是一项必备的技能。在 JavaScript 中，字符串是一种重要的数据类型。ES2021 新增的 String.prototype.replaceAll 方法为字符串处理提供了更加便捷和高效的方式。

简介

String.prototype.replaceAll 是一个字符串原型方法，用来在当前字符串中替换所有匹配的子字符串，返回一个新的字符串。

string.replaceAll(searchValue, replaceValue)

其中，searchValue 是要替换的子字符串，可以是一个字符串或者正则表达式；replaceValue 是要替换成的字符串，可以是一个普通字符串或一个函数，如果是一个函数，那么在替换过程中，每次匹配的结果都会被传入该函数进行处理，最终返回替换的结果。

值得注意的是，replaceAll 是一个全局替换方法，即如果 searchValue 匹配到了多个子字符串，它们都会被替换，而不是只替换第一个匹配到的子串。

示例

下面是一些使用 replaceAll 方法的示例：

替换普通字符串

const str = 'hello world';
const newStr = str.replaceAll('world', 'JavaScript');
console.log(newStr); // 输出 "hello JavaScript"

替换正则表达式

const str = 'hello world';
const newStr = str.replaceAll(/\w+/g, '$');
console.log(newStr); // 输出 "$ $"

替换为函数

const str = 'hello, World!';
const newStr = str.replaceAll(/(\w)(\w+)/g, function(match, p1, p2) {
  return p1.toUpperCase() + p2.toLowerCase();
});
console.log(newStr); // 输出 "Hello, world!"

学习意义

replaceAll 方法的出现，使得字符串替换变得更加便捷和高效。在实际开发中，我们可以利用它来快速地处理字符串中的特定内容，比如替换 URL 中的参数，高亮搜索关键字等。

同时，在使用 replaceAll 方法时，需要注意正则表达式语法的使用、函数参数的传递方式等技巧，这也有助于提高我们的技能水平。

总结

String.prototype.replaceAll 是 ES2021 新增的字符串原型方法，可以在当前字符串中替换所有匹配的子字符串。它的出现使得字符串处理变得更加简单和高效，对于我们在实际开发中处理字符串相关问题有很大的帮助。同时，需要注意正则表达式的使用和函数参数的传递方式等细节，以充分发挥该方法的效果。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6535c78f7d4982a6ebd59d71