Hay dos formas de crear un objeto RegExp: una notación literal y un constructor.
Los parámetros de la notación literal se encierran entre barras y no utilizan comillas.
Los parámetros de la función constructora no se encierran entre barras, pero utilizan comillas.
Las siguientes tres expresiones crean el mismo objeto de expresión regular:
js
let er =/ab+c/i;// notación literallet er =newRegExp("ab+c","i");// constructor con patrón de cadena como primer argumentolet er =newRegExp(/ab+c/,"i");// constructor con expresión regular literal como primer argumento (a partir de ECMAScript 6)
La notación literal da como resultado la compilación de la expresión regular cuando se evalúa la expresión. Utiliza la notación literal cuando la expresión regular permanecerá constante. Por ejemplo, si usas notación literal para construir una expresión regular usada en un bucle, la expresión regular no se volverá a compilar en cada iteración.
El constructor del objeto de expresión regular, por ejemplo, new RegExp('ab+c'), da como resultado la compilación en tiempo de ejecución de la expresión regular. Utiliza la función constructora cuando sepas que el patrón de expresión regular cambiará, o no conozcas el patrón y lo obtienes de otra fuente, tal como la entrada del usuario.
A partir de ECMAScript 6, new RegExp(/ab+c/, 'i') ya no arroja un TypeError ("no puedes proporcionar banderas cuando construyes una expresión regular a partir de otra") cuando el primer argumento es una RegExp y el segundo argumento flags está presente. En su lugar, se crea una nueva RegExp a partir de los argumentos.
Cuando se utiliza la función constructora, las reglas de escape de cadenas normales (antes de los caracteres especiales con \ cuando se incluyen en una cadena) son necesarias.
Ten en cuenta que varias de las propiedades de RegExp tienen nombres largos y cortos (tipo Perl). Ambos nombres siempre se refieren al mismo valor. (Perl es el lenguaje de programación a partir del cual JavaScript modeló sus expresiones regulares). Consulta también las propiedades en desuso de RegExp
El siguiente script usa el método replace() de la instancia String para hacer coincidir una nombre en el formato primero último y enviarlo en el formato último, primero.
En el texto de reemplazo, el script usa $1 y $2 para indicar los resultados de los correspondientes paréntesis coincidentes en el patrón de expresión regular.
js
let er =/(\w+)\s(\w+)/;let str ="John Smith";let newstr = str.replace(er,"$2, $1");
console.log(newstr);
El final de línea predeterminado varía según la plataforma (Unix, Windows, etc.). La división de líneas proporcionada en este ejemplo funciona en todas las plataformas.
js
let texto ="Un poco de texto\ny un poco más\r\ny aún\reste es el final";let lineas = texto.split(/\r\n|\r|\n/);
console.log(lineas);// logs [ 'Un poco de texto', 'y un poco más', 'y aún', 'este es el final' ]
Ten en cuenta que el orden de los patrones en la expresión regular es importante.
La bandera sticky indica que la expresión regular realiza una coincidencia permanente en la cadena de destino al intentar hacer coincidir a partir de RegExp.prototype.lastIndex.
js
let str ="#foo#";let regex =/foo/y;
regex.lastIndex =1;
regex.test(str);// true
regex.lastIndex =5;
regex.test(str);// false (lastIndex se tiene en cuenta con una bandera pegajosa)
regex.lastIndex;// 0 (restablecer después de un error de coincidencia)
Con la bandera pegajosa y, la siguiente coincidencia tiene que ocurrir en la posición lastIndex, mientras que con la bandera global g, la coincidencia puede ocurrir en la posición lastIndex o posterior:
js
er =/\d/y;while((r = re.exec("123 456"))) console.log(r,"Y er.lastIndex", er.lastIndex);// [ '1', index: 0, input: '123 456', groups: undefined ] AND er.lastIndex 1// [ '2', index: 1, input: '123 456', groups: undefined ] AND er.lastIndex 2// [ '3', index: 2, input: '123 456', groups: undefined ] AND er.lastIndex 3// ... y no más coincidencias.
Con la bandera global g, coincidirían los 6 dígitos, no solo 3.
let url ="http://xxx.dominio.com";
console.log(/[^.]+/.exec(url)[0].substr(7));// registra 'xxx'
Nota:
En lugar de utilizar expresiones regulares para analizar las URL, normalmente es mejor utilizar el analizador de URL integrado en los navegadores mediante la API URL.
Tip: you can click/tap on a cell for more information.
Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
A partir de Firefox 34, en el caso de un grupo de captura con cuantificadores que impiden su ejercicio, el texto coincidente para un grupo de captura ahora es undefined en lugar de una cadena vacía:
js
// Firefox 33 o anterior"x".replace(/x(.)?/g,function(m, group){
console.log("'grupo: "+ group +"'");});// 'grupo: '// Firefox 34 o más reciente"x".replace(/x(.)?/g,function(m, group){
console.log("'grupo: "+ group +"'");});// 'grupo: undefined'
Ten en cuenta que, debido a la compatibilidad web, RegExp.$N seguirá devolviendo una cadena vacía en lugar de undefined (Error 1053944 en Firefox).