ES7 中 String.prototype.replaceAll 的使用

ES7 中 String.prototype.replaceAll 的使用

在 ES7 中，JavaScript 为字符串原型对象增加了一个新方法：replaceAll。他可以实现字符串中所有指定的字符替换为其他字符，但与 replace 方法不同的是，它会将所有匹配的子串全部替换。

注意：ES7 是 ECMAScript 2016 的代号，而该规范中规定了语言的新特性。该特性是由 Chrome 的 V8 引擎率先实现并推广，被广泛运用在现代前端开发中。

replaceAll 方法的语法如下：

string.replaceAll(searchValue, replaceValue)

其中，searchValue 为要被替换的子字符串，replaceValue 为替换后的新字符串。

示例使用：

const str = 'JavaScript is a great programming language!';
const newStr = str.replaceAll('JavaScript', 'Python');
console.log(newStr);
// 输出： Python is a great programming language!

此外，replaceAll 还支持使用正则表达式进行替换：

const str = '123abc456def789ghi';
const newStr = str.replaceAll(/[a-z]+/g, '');
console.log(newStr);
// 输出： 123456789

上述示例中，使用了正则表达式 /[a-z]+/g 匹配所有小写字母，然后用空字符串进行替换，最终去掉了字符串中所有的小写字母。

注意：在使用正则表达式时，一定要加上全局匹配标记 g，否则只会替换一个匹配的子串。

除了自定义常规字符或正则表达式进行替换外，replace 同样支持使用回调函数进行替换：

const str = '123abc456def789ghi';
const newStr = str.replaceAll(/[a-z]+/g, function (match) {
  return match.toUpperCase();
});
console.log(newStr);
// 输出：123ABC456DEF789GHI

上述示例中，使用了正则表达式 /[a-z]+/g 匹配所有小写字母，然后将匹配到的子串使用 toUpperCase 方法进行大小写转换。

总结：

ES7 中新增的 String.prototype.replaceAll 方法可以帮助我们更方便地对字符串进行全局匹配和替换，尤其是在进行复杂字符串操作时，大大提升了我们的效率和代码质量。但需要注意的是，使用正则表达式进行替换时，一定要加上全局匹配标记 g，否则只会替换一个匹配的子串。让我们从 now 开始，使用 replaceAll 方法进行更简洁高效的前端开发吧！

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