Javascript正则表达式-用相同数量的另一个字符替换字符序列

Question

我试图用 JavaScript 中相同数量的虚拟字符替换字符串的一部分，例如：'==Hello==' 替换为 '==~~~~~~=='。

这个问题已使用 Perl< /a> 和 PHP，但我无法让它在 JavaScript 中工作。我一直在尝试这样做：

txt=txt.replace(/(==)([^=]+)(==)/g, "$1"+Array("$2".length + 1).join('~')+"$3");

模式匹配工作正常，但替换不行 - 第二部分添加“~~”而不是模式匹配的长度。将“$2”放在括号内不起作用。我该怎么做才能让它插入正确数量的字符？

Answer 1

使用函数进行替换：

var txt = "==Hello==";
txt = txt.replace(/(==)([^=]+)(==)/g, function ($0, $1, $2, $3) {
    return $1 + (new Array($2.length + 1).join("~")) + $3;
});

alert(txt);
//-> "==~~~~~=="

Answer 2

该表达式的问题

txt.replace(/(==)([^=]+)(==)/g, "$1"+Array("$2".length + 1).join('~')+"$3") 

在于 "$2".length 强制将 $2 视为字符串文字，即字符串 "$2"，长度为 2。

从 MDN 文档：

因为我们想要在最终替换之前进一步转换比赛的结果，所以我们必须使用一个函数。

这迫使在转换之前评估比赛。

使用内联函数作为参数（和重复） - 这里$1, $2, $3是局部变量：

txt.replace(/(==)([^=]+)(==)/g, (_,$1,$2,$3) => $1+'~'.repeat($2.length)+$3);

txt = '==Hello==';

//inline function
console.log(
  txt.replace(/(==)([^=]+)(==)/g, (_, g1, g2, g3) => g1 + '~'.repeat(g2.length) + g3)
);

Answer 3

长度属性在 $2 替换之前被评估，因此 Replace() 将不起作用。 Augustus 建议的函数调用应该可以工作，另一种方法是使用 match() 而不是 Replace()。

使用不带 /g 的 match() 会返回一个匹配结果数组，可以按照您的预期进行连接。

txt="==Hello==";
mat=txt.match(/(==)([^=]+)(==)/);  // mat is now ["==Hello==","==","Hello","=="]
txt=mat[1]+Array(mat[2].length+1).join("~")+mat[3]; // txt is now "==~~~~~=="

您从中间表达式中排除了前导/尾随字符，但如果您想要更大的灵活性，您可以使用它并处理由前导/尾随文字括起来的任何内容。

mat=txt.match(/(^==)(.+)(==$)/)

Answer 4

工作示例使用以下片段：

var processed = original.replace(/(==)([^=]+)(==)/g, function(all, before, gone, after){
    return before+Array(gone.length+1).join('~')+after;
});

代码中的问题是您总是测量 < 的长度code>"$2" （始终是包含两个字符的字符串）。通过该功能，您可以测量匹配零件的长度。有关更多示例，请参阅有关替换的文档。