我想在JavaScript中创建String.replaceAll()方法,我认为使用正则表达式是最简洁的方法。然而,我无法确定如何将变量传递给正则表达式。我已经可以这样做了,这将用“A”替换“B”的所有实例。
"ABABAB".replace(/B/g, "A");
但我想这样做:
String.prototype.replaceAll = function(replaceThis, withThis) {
this.replace(/replaceThis/g, withThis);
};
但显然,这只会替换文本“replaceThis”。。。那么如何将此变量传递到正则表达式字符串中?
当有一个简单得多的答案仍然可以使用正则表达式完成任务时,所有这些答案看起来都非常复杂。
String.prototype.replaceAll = function(replaceThis, withThis) {
const expr = `${replaceThis}`
this.replace(new RegExp(expr, "g"), withThis);
};
解释
RegExp构造函数接受两个参数:表达式和标志。通过在表达式中使用模板字符串,我们可以将变量传递到类中,它会将其转换为/(replaceThis变量的值)/g。
您需要动态构建正则表达式,为此必须使用带有转义的新RegExp(字符串)构造函数。
jQuery UI自动完成小部件中有一个内置函数,名为$.UI.autocomplete.escapeRegex:
它将使用单个字符串参数并转义所有正则表达式字符,使结果安全地传递给新的RegExp()。
如果不使用jQuery UI,则可以从源复制其定义:
function escapeRegex( value ) {
return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
}
然后这样使用:
"[z-a][z-a][z-a]".replace(new RegExp(escapeRegex("[z-a]"), "g"), "[a-z]");
// escapeRegex("[z-a]") -> "\[z\-a\]"
// new RegExp(escapeRegex("[z-a]"), "g") -> /\[z\-a\]/g
// end result -> "[a-z][a-z][a-z]"
为了满足我在正则表达式中插入变量/别名/函数的需要,我想到了以下方法:
oldre = /xx\(""\)/;
function newre(e){
return RegExp(e.toString().replace(/\//g,"").replace(/xx/g, yy), "g")
};
String.prototype.replaceAll = this.replace(newre(oldre), "withThis");
其中“oldre”是我要插入变量的原始正则表达式,“xx”是该变量/别名/函数的占位符,“yy”是实际变量名、别名或函数。