时间戳

首页 > 解决方案 > JavaScript字符串替换与replaceAll

javascript - JavaScript字符串替换与replaceAll

问题描述

ECMAScript 2021 添加了一个新的字符串函数replaceAll。很久以前，在不远的星系中，人们使用split+join或正则表达式来替换所有出现的字符串。

我创建了以下示例以将新方法与旧方法进行比较。虽然我可以在第一种情况下看到一些差异，例如我不能用+使用替换模式，或者我需要用 转义特殊字符，但在第二种情况下我看不到任何区别。splitjoinRegExp(str,"g")

新方法和旧方法有什么区别（行为差异、性能、浏览器兼容性……）？

const source = "abcdefabcdef";
const str1 = "abc", str2 = "xyz";
const reg1 = /abc/g, reg2 = "xyz";

//Case 1 : When we want to replace a string by another
console.log(source.split(str1).join(str2));
console.log(source.replace(new RegExp(str1,"g"),str2));
//versus
console.log(source.replaceAll(str1,str2));

//Case 2 : When we want to use a regular expression
console.log(source.replace(reg1,reg2));
//versus
console.log(source.replaceAll(reg1,reg2));

//Result = "xyzdefxyzdef"

标签： javascriptstringreplaceallecmascript-2021

解决方案

通过收集 的文档，replaceAll我们发现以下花絮：

const newStr = str.replaceAll(regexp|substr, newSubstr|function)

注意：使用 a 时，regexp您必须设置全局 ("g") 标志；否则，它将抛出 TypeError：“replaceAll 必须使用全局 RegExp 调用”。

换句话说，当replaceAll使用正则表达式或调用时RegExp，它必须使用全局标志。replaceAll因此，与仅使用 current 相比，调用似乎并没有多少收获replace。但是，与它的一个区别replaceAll是，当传递一个字符串时，它会自动进行全局替换。通过不必输入全局标志，您可以在此处节省一些打字时间。

推荐阅读