用于 Javascript 正则表达式的转义字符串[重复]

Question

可能重复：
Javascript中有RegExp.escape函数吗？

我正在尝试根据用户输入构建一个 javascript 正则表达式：

函数FindString（输入）{
    var reg = new RegExp('' + 输入 + '');
    // [snip] 执行搜索
}

但是当用户输入包含

?

或

*

时，正则表达式将无法正常工作，因为它们被解释为正则表达式特殊项。事实上，如果用户在字符串中放入不平衡的

(

或

[

，则正则表达式甚至无效。

正确转义正则表达式中使用的所有特殊字符的 JavaScript 函数是什么？

Answer 1

转义正则表达式本身：

function escapeRegExp(string) {
    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}

转义替换字符串：

function escapeReplacement(string) {
    return string.replace(/\$/g, '$$$$');
}

示例

所有转义的 RegExp 字符：

escapeRegExp("All of these should be escaped: \ ^ $ * + ? . ( ) | { } [ ]");

>>> "All of these should be escaped: \\ \^ \$ \* \+ \? \. \( \) \| \{ \} \[ \] "

查找并替换字符串：

var haystack = "I love $x!";

var needle = "$x";
var safeNeedle = escapeRegExp(needle); // "\\$x"

var replacement = "$100 bills"
var safeReplacement = escapeReplacement(replacement); // "$$100 bills"

haystack.replace(
  new RegExp(safeNeedle, 'g'),
  escapeReplacement(safeReplacement),
);
// "I love $100 bills!"

（注意：上面不是原始答案；它经过编辑以显示来自MDN的。这意味着它不匹配您在下面的npm代码中找到的内容，并且不不匹配 与下面的长答案中显示的内容相匹配。评论现在也很混乱。我的建议：使用上面的内容，或从 MDN 获取它，并忽略此答案的其余部分。-Darren，2019 年 11 月）

安装

在 npm 上可用 escape-string-regexp

npm install --save escape-string-regexp

注意

请参阅 MDN：Javascript 指南：正则表达式

其他符号 (~`!@# ...) 可以转义而不会产生任何后果，但不要求如此。

.

.

.

.

测试用例：一个典型的 url

escapeRegExp("/path/to/resource.html?search=query");

>>> "\/path\/to\/resource\.html\?search=query"

长答案

如果您要使用上面的函数，至少在代码文档中链接到此堆栈溢出帖子，这样它就不会看起来像疯狂的难以测试的巫毒。

var escapeRegExp;

(function () {
  // Referring to the table here:
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/regexp
  // these characters should be escaped
  // \ ^ $ * + ? . ( ) | { } [ ]
  // These characters only have special meaning inside of brackets
  // they do not need to be escaped, but they MAY be escaped
  // without any adverse effects (to the best of my knowledge and casual testing)
  // : ! , = 
  // my test "~!@#$%^&*(){}[]`/=?+\|-_;:'\",<.>".match(/[\#]/g)

  var specials = [
        // order matters for these
          "-"
        , "["
        , "]"
        // order doesn't matter for any of these
        , "/"
        , "{"
        , "}"
        , "("
        , ")"
        , "*"
        , "+"
        , "?"
        , "."
        , "\\"
        , "^"
        , "$"
        , "|"
      ]

      // I choose to escape every character with '\'
      // even though only some strictly require it when inside of []
    , regex = RegExp('[' + specials.join('\\') + ']', 'g')
    ;

  escapeRegExp = function (str) {
    return str.replace(regex, "\\$&");
  };

  // test escapeRegExp("/path/to/res?search=this.that")
}());