如何在JavaScript中保留参数中的单个反斜杠以生成正则？

问题根源是后端渲染JS字符串时，原参数中的反斜杠被当作转义符解析丢失了——比如\S被转成S，\.被转成.。必须在Razor渲染到JS之前处理反斜杠，才能让JS拿到正确的正则模板字符串。

方法一：提前在Razor代码块处理参数 #

@{
    // 把单个反斜杠替换成双份，确保输出到JS后保留单个反斜杠
    var processedFilter = @Params.FiltreEmail.Replace("\\", "\\\\");
}

然后在JS中使用处理后的变量：

var exp = "@Html.Raw(processedFilter)" !== "" ? "@Html.Raw(processedFilter)" : "(.*)";
var regex = new RegExp(exp);

方法二：直接内嵌处理逻辑到JS代码 #

如果不想额外加Razor代码块，可以把替换逻辑直接写在JS里的Razor表达式中：

var exp = "@Html.Raw(@Params.FiltreEmail.Replace(\"\\\\\", \"\\\\\\\\\"))" !== "" ? "@Html.Raw(@Params.FiltreEmail.Replace(\"\\\\\", \"\\\\\\\\\"))" : "(.*)";
var regex = new RegExp(exp);

原理说明 #

Razor中的Replace("\\", "\\\\")会将原参数里的每个\替换为\\，当这段内容输出到JS字符串时，JS会把\\解析为单个\，最终就能得到正确的正则模板^\S+@demo\.com$，用来创建RegExp实例。

你之前在JS里调用replace无效，是因为后端渲染完成后，JS字符串里已经没有反斜杠了，根本没有可替换的目标，必须在渲染到JS之前完成反斜杠的转义处理。

内容的提问来源于stack exchange，提问作者JVDev