Conversión de la cadena de entrada del usuario en una expresión regular

Use el Constructor de objetos RegExp para crear una expresión regular a partir de una cadena:

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);

or

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

Aquí hay un resumen: str.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&')

Lo obtuve del cadena de escape-regexp Módulo NPM.

Probándolo:

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

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

Uso de literales de plantilla etiquetados con compatibilidad con banderas:

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

Use el Constructor de objetos JavaScript RegExp.

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

Puede pasar banderas como un segundo argumento de cadena al constructor. Consulte la documentación para obtener más detalles.

En mi caso, la entrada del usuario algunas veces estaba rodeada de delimitadores y otras veces no. por eso agregué otro caso ..

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);
}

Intente usar la siguiente función:

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

Puedes usarlo así:

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

Le sugiero que también agregue casillas de verificación separadas o un campo de texto para las banderas especiales. De esa forma, queda claro que el usuario no necesita agregar ningún //'s. En el caso de un reemplazo, proporcione dos campos de texto. Esto hará tu vida mucho más fácil.

¿Por qué? Porque de lo contrario algunos usuarios agregarán //mientras que otros no lo harán. Y algunos cometerán un error de sintaxis. Luego, después de que te quitaste el //, puede terminar con una expresión regular sintácticamente válida que no se parece en nada a lo que pretendía el usuario, lo que lleva a un comportamiento extraño (desde la perspectiva del usuario).

Esto también funcionará cuando la cadena no sea válida o no contenga banderas, etc.

function regExpFromString(q) {
  let flags = q.replace(/.*\/([gimuy]*)$/, '$1');
  if (flags === q) flags = '';
  let pattern = (flags ? q.replace(new RegExp('^/(.*?)/' + flags + '$'), '$1') : q);
  try { return new RegExp(pattern, flags); } catch (e) { return null; }
}

console.log(regExpFromString('\\bword\\b'));
console.log(regExpFromString('\/\\bword\\b\/gi'));
            

Gracias a las respuestas anteriores, estos bloques sirven como una solución de propósito general para aplicar una cadena configurable en una expresión regular ... para filtrar texto:

var permittedChars = '^a-z0-9 _,.?!@+<>';
permittedChars = '[' + permittedChars + ']';

var flags = 'gi';
var strFilterRegEx = new RegExp(permittedChars, flags);

log.debug ('strFilterRegEx: ' + strFilterRegEx);

strVal = strVal.replace(strFilterRegEx, '');
// this replaces hard code solt:
// strVal = strVal.replace(/[^a-z0-9 _,.?!@+]/ig, '');

Puede solicitar banderas usando casillas de verificación y luego hacer algo como esto:

var userInput = formInput;
var flags = '';
if(formGlobalCheckboxChecked) flags += 'g';
if(formCaseICheckboxChecked) flags += 'i';
var reg = new RegExp(userInput, flags);

yo suelo eval para resolver este problema.

Por ejemplo:

    function regex_exec() {

        // Important! Like @Samuel Faure mentioned, Eval on user input is a crazy security risk, so before use this method, please take care of the security risk. 
        var regex = $("#regex").val();

        // eval()
        var patt = eval(userInput);

        $("#result").val(patt.exec($("#textContent").val()));
    }