将用户输入字符串转换为正则表达式

Question

我正在设计一个HTML和JavaScript的正则表达式测试程序.用户将输入正则表达式,字符串,并通过单选按钮选择要测试的功能(例如搜索,匹配,替换等),程序将在使用指定参数运行该功能时显示结果.当然会有额外的文本框用于替换等额外的参数.

我的问题是从用户获取字符串并将其转换为正则表达式.如果我说他们不需要//围绕他们进入的正则表达式,那么他们就不能设置标志,比如g和i.所以他们必须有//表达式,但是如何将该字符串转换为正则表达式？它不能是一个文字,因为它是一个字符串,我不能将它传递给RegExp构造函数,因为它不是没有字符串的字符串//.有没有其他方法可以将用户输入字符串转换为正则表达式？我是否必须用//'s 解析正则表达式的字符串和标志然后以另一种方式构造它？我应该让他们输入一个字符串,然后单独输入标志吗？

Answer 1

使用RegExp对象构造函数从字符串创建正则表达式:

var re = new RegExp("a|b", "i");
// same as
var re = /a|b/i;

Answer 2

var flags = inputstring.replace(/.*\/([gimy]*)$/, '$1');
var pattern = inputstring.replace(new RegExp('^/(.*?)/'+flags+'$'), '$1');
var regex = new RegExp(pattern, flags);

要么

var match = inputstring.match(new RegExp('^/(.*?)/([gimy]*)$'));
// sanity check here
var regex = new RegExp(match[1], match[2]);

Answer 3

这是一个单行: str.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&')

我是从escape-string-regexp NPM模块获得的.

尝试一下:

escapeStringRegExp.matchOperatorsRe = /[|\\{}()[\]^$+*?.]/g;
function escapeStringRegExp(str) {
    return str.replace(escapeStringRegExp.matchOperatorsRe, '\\$&');
}

console.log(new RegExp(escapeStringRegExp('example.com')));
// => /example\.com/

Answer 4

使用JavaScript RegExp对象构造函数.

var re = new RegExp("\\w+");
re.test("hello");

您可以将标志作为第二个字符串参数传递给构造函数.有关详细信息,请参阅文档

Answer 5

在我的情况下,用户输入的somethimes被分隔符所束缚,有时则不然.因此我添加了另一个案例..

var regParts = inputstring.match(/^\/(.*?)\/([gim]*)$/);
if (regParts) {
    // the parsed pattern had delimiters and modifiers. handle them. 
    var regexp = new RegExp(regParts[1], regParts[2]);
} else {
    // we got pattern string without delimiters
    var regexp = new RegExp(inputstring);
}

Answer 6

尝试使用以下函数：

const stringToRegex = str => {
    // Main regex
    const main = str.match(/\/(.+)\/.*/)[1]
    
    // Regex options
    const options = str.match(/\/.+\/(.*)/)[1]
    
    // Compiled regex
    return new RegExp(main, options)
}

你可以像这样使用它：

"abc".match(stringToRegex("/a/g"))
//=> ["a"]

Answer 7

这是我的单行函数，用于处理自定义分隔符和无效标志

// One liner
var stringToRegex = (s, m) => (m = s.match(/^([\/~@;%#'])(.*?)\1([gimsuy]*)$/)) ? new RegExp(m[2], m[3].split('').filter((i, p, s) => s.indexOf(i) === p).join('')) : new RegExp(s);

// Readable version
function stringToRegex(str) {
  const match = str.match(/^([\/~@;%#'])(.*?)\1([gimsuy]*)$/);
  return match ? 
    new RegExp(
      match[2],
      match[3]
        // Filter redundant flags, to avoid exceptions
        .split('')
        .filter((char, pos, flagArr) => flagArr.indexOf(char) === pos)
        .join('')
    ) 
    : new RegExp(str);
}

console.log(stringToRegex('/(foo)?\/bar/i'));
console.log(stringToRegex('#(foo)?\/bar##gi')); //Custom delimiters
console.log(stringToRegex('#(foo)?\/bar##gig')); //Duplicate flags are filtered out
console.log(stringToRegex('/(foo)?\/bar')); // Treated as string
console.log(stringToRegex('gig')); // Treated as string