JS正则搜索中带引号输入匹配失败问题求助

我从搜索栏获取用户输入并转换为正则表达式，用来在JSON文件里检索匹配值。无引号的输入能正常匹配，但为了匹配含空格等特殊字符的完整字符串，我给带引号的输入加了\Q和\E标记。代码如下：

if (searchField.includes('"')){
   var tempexpress = searchField.substring(1,searchField.length-1);
   var tempexpress = "\\Q" + tempexpress + "\\E";
   var expression = new RegExp(tempexpress);
   } else {
   var tempexpress = searchField.replace('(',"\\(");
   var tempexpress = tempexpress.replace(')',"\\)");
   var tempexpress = tempexpress.replace(/'/g,"\\'");
   var tempexpress = tempexpress.replace('*',"\.");
   var expression = new RegExp(tempexpress, "i");
   };

if (value.data.label.search(expression) != -1){
    console.log('found it');
}

当输入带引号的"QTT6"时，生成的正则是/\QQTT6\E/，但匹配不了目标字符串QTT6，求解决方法。我刚接触JS和JQuery，代码可能不够规范。

问题原因 #

JavaScript的RegExp构造函数不支持\Q和\E这种正则语法——这是Java等其他语言里标记“原样匹配”的符号，在JS里会被当成普通字符串处理，所以/\QQTT6\E/实际是在匹配QQTT6E这个字符串，自然找不到目标值。

解决方法 #

对于带引号的输入，直接去掉引号后，用JS原生的RegExp.escape()（现代浏览器已支持）转义所有正则特殊字符，再创建正则即可。如果需要精确匹配整个字符串（而非包含匹配），可以给正则加上^和$边界标记。

修改后的代码：

// 兼容旧环境的正则转义工具函数
function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

let expression;
if (searchField.startsWith('"') && searchField.endsWith('"')) {
  // 去掉首尾引号
  const rawInput = searchField.slice(1, -1);
  // 转义后创建正则，加^$实现精确匹配
  expression = new RegExp(`^${escapeRegExp(rawInput)}$`, 'i');
} else {
  // 无引号输入：先转义所有特殊字符，再把*替换为通配符.
  let processedInput = escapeRegExp(searchField);
  processedInput = processedInput.replace(/\\\*/g, '.');
  expression = new RegExp(processedInput, 'i');
}

if (expression.test(value.data.label)) {
  console.log('found it');
}

代码优化说明 #

1. 用let/const代替var，避免变量提升和重复声明的问题；
2. 新增统一的转义工具函数，比零散替换特殊字符更可靠；
3. 用startsWith和endsWith判断首尾引号，逻辑更清晰；
4. 用RegExp.test()代替String.search()，语义更明确（专门用于判断是否匹配）；
5. 无引号输入的*通配符处理更严谨，先转义再替换，避免特殊字符干扰。

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