我正在用 HTML 和 JavaScript 设计一个正则表达式测试器。用户将输入一个正则表达式、一个字符串，并通过单选按钮选择他们想要测试的函数（例如搜索、匹配、替换等），当该函数使用指定的参数运行时，程序将显示结果。自然会有额外的文本框来替换额外的参数等等。
我的问题是从用户那里获取字符串并将其转换为正则表达式。如果我说他们不需要//在他们输入的正则表达式周围有's ，那么他们就不能设置标志，比如gand i。所以他们必须//在表达式周围有's，但我如何将该字符串转换为正则表达式？它不能是文字，因为它是一个字符串，我不能将它传递给 RegExp 构造函数，因为它不是没有//'s的字符串。有没有其他方法可以将用户输入字符串转换为正则表达式？我是否必须用//'s解析正则表达式的字符串和标志，然后以另一种方式构造它？我应该让他们输入一个字符串，然后分别输入标志吗？
使用RegExp 对象构造函数从字符串创建正则表达式：
var re = new RegExp("a|b", "i");
// same as
var re = /a|b/i;
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]);
这是一个单行： str.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&')
我是从escape-string-regexp NPM module得到的。
尝试一下：
escapeStringRegExp.matchOperatorsRe = /[|\\{}()[\]^$+*?.]/g;
function escapeStringRegExp(str) {
return str.replace(escapeStringRegExp.matchOperatorsRe, '\\$&');
}
console.log(new RegExp(escapeStringRegExp('example.com')));
// => /example\.com/
使用带标记支持的标记模板文字：
function str2reg(flags = 'u') {
return (...args) => new RegExp(escapeStringRegExp(evalTemplate(...args))
, flags)
}
function evalTemplate(strings, ...values) {
let i = 0
return strings.reduce((str, string) => `${str}${string}${
i < values.length ? values[i++] : ''}`, '')
}
console.log(str2reg()`example.com`)
// => /example\.com/u
var re = new RegExp("\\w+");
re.test("hello");
您可以将标志作为第二个字符串参数传递给构造函数。有关详细信息，请参阅文档。
在我的情况下，用户输入 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);
}