clase34.md

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 34

Expresiones Regulares

^{http://xkcd.com/208/}

Creación

const expresionRegular = /fictizia/;
const expresionRegular = new RegExp("fictizia");

Trabajando con Flags

• Flags disponibles:

  • g, Buscar en todo el texto
  • i, Case-insensitive
  • m, Multilineal
  • y, Sticky, recordando la última búsqueda

• Usando Flags:

var expresionRegular = /fictizia/gi;
var expresionRegular = new RegExp("fictizia", "gi");

Expresiones Regulares: Métodos

exec Método RegExp que devuelve un array de información.

const coincidencias = /Fictizia/.exec('Hola desde Fictizia! Que te cuentas?');
const coincidencias2 = /dato/.exec('Hola desde Fictizia! Que te cuentas?');
console.log(coincidencias[0]); // Fictizia
console.log(coincidencias2);   // null

test Método RegExp que verifica una coincidencia en una cadena. Devuelve true o false.

const coincidencias = /Fictizia/.test('Hola desde Fictizia! Que te cuentas?');
const coincidencias2 = /dato/.test('Hola desde Fictizia! Que te cuentas?');
console.log(coincidencias);  // true
console.log(coincidencias2); // false

match Método String que retorna un array de información o null si no existe coincidencia alguna.

const cadena = 'Hola desde Fictizia! Que te cuentas?';
const erFictizia = /Fictizia/;
const erDato = /dato/;
const coincidencias = cadena.match(erFictizia);
const coincidencias2 = cadena.match(erDato);
console.log(coincidencias[0]); // Fictizia
console.log(coincidencias2);   // null

search Método String que devuelve el índice de la coincidencia, o -1 si la búsqueda falla.

const cadena = 'Hola desde Fictizia! Que te cuentas?';
const erFictizia = /Fictizia/;
const erDato = /dato/;
const coincidencias = cadena.search(erFictizia);
const coincidencias2 = cadena.search(erDato);
console.log(coincidencias);   // 11
console.log(coincidencias2);  // -1

replace Método String que reemplaza la subcadena encontrada con una subcadena de reemplazo.

const cadena = 'Hola desde Fictizia! Que te cuentas?';
const erFictizia = /Fictizia/;
const erDato = /dato/;
const coincidencias = cadena.replace(erFictizia, "Cambiazo");
const coincidencias2 = cadena.replace(erDato, "Cambiazo");
console.log(coincidencias);   // Hola desde Cambiazo! Que te cuentas?
console.log(coincidencias2);  // Hola desde Fictizia! Que te cuentas?

split Un método String que retorna un array de subcadenas partiendo de un patrón dado.

const cadena = 'Hola desde Fictizia! Que te cuentas?';
const erFictizia = /Fictizia/;
const erDato = /dato/;
const coincidencias = cadena.split(erFictizia);
const coincidencias2 = cadena.split(erDato);
console.log(coincidencias);   // ["Hola desde ", "! Que te cuentas?"]
console.log(coincidencias2);  // ["Hola desde Fictizia! Que te cuentas?"]

Regex: Básicos

Nota: Se utilizan los caracteres a, b, c y d para ilustrar los ejemplos.

ab Cualquier caracter o conjunto de caracteres. La busqueda se realiza de forma literal

//Encuentra solo el Lunes
/Lunes/.test("Lunes")

Regex: Anclajes

^ab Coincide con el principio de la cadena o línea.

/^000/g.test("0001 es un id básico");

ab$ Coincide con el final de la cadena o línea.

/on$/.test("cancion")

Regex: Metacaracteres

Nota: Deberían ser escapados para algunas queries

. El metacaracter punto que coincide con cualquier carácter excepto \n \r \u2028 o \u2029.

"That's hot!".match(/h.t/g);
// [hat, hot]

a|b Coincide con uno o con otro.

//Encuentra Lunes o Martes pero no Miercoles, jueves...
/Lunes|Martes/.test("Martes")

\ Escapa un carácter específico.

/\*/.test("*")

Regex: Cuantificadores

* Coincide con cero o más ocurrencias de la subexpresión que le precede al asterisco.

//Encuentra A, Ahhh, Ah, etc...
/Ah*/.test("Ahhhhhhhh!")

+ El metacaracter suma coincide con una o más ocurrencias de la subexpresión que lo precede.

//Encuentra Ahhh, Ah, etc... pero no A.
/Ah+/.test("Ahhhhhhhh!")

? Coincide con cero o un caracter.

//Encuentra A o Ah
/Ah?/.test("Ahhhhhhhh!")

{X,y} Coincide un número determinado de veces.

// {2} Exactamente 2. Encuentra 11, 99, pero no 9, 987, etc...
/[1-9]{2}/.test(12);

// {2, 5} Exactametne entre 2 y 5. Encuentra 11, 666, 74511 pero no 1, 123456, etc...
/[1-9]{2, 5}/.test(12345);

// {2,} Exactamente 2 o más. Encuentra 11, 666, 74511 pero no 1,
/[1-9]{2,}/.test(123);

Regex: Clases de caracteres

\d numérico

"Hola u_123! *.*".match(/\d/g);
//["1", "2", "3"]

\D No-numérico (incluyendo _)

"Hola u_123! *.*".match(/\D/g);
// ["H", "o", "l", "a", " ", "u", "_", "!", " ", "*", ".", "*"]

\s Busca un espacios en blanco

"Hola u_123! *.*".match(/\s/g);
// [" ", " "]

\S Busca que no coincida con un espacios en blanco

"Hola u_123! *.*".match(/\S/g);
// ["H", "o", "l", "a", "u", "_", "1", "2", "3", "!", "*", ".", "*"]

\w Busca caracteres alfanuméricos (_ incluido)

"Hola u_123! *.*".match(/\w/g);
// ["H", "o", "l", "a", "u", "_", "1", "2", "3"]

\W Busca que no coincida con un caracteres alfanuméricos (_ incluido)

"Hola u_123! *.*".match(/\W/g);
// [" ", "!", " ", "*", ".", "*"]

\b Busca la coincidencia al principio o fin de la palabra.

/\bme/g.test("menos")

\B Busca la coincidencia evitando el principio o fin de la palabra.

/\Bte/g.test("bateria")

\n Busca el salto de línea

/\n/.test("Hola!\nHola de nuevo...")

\r Busca el retorno de carro

/\r/.test("Hola!\rHola de nuevo...")

\t Busca la tabulación

/\t/.test("Hola!\tHola de nuevo...")

\xxx Busca un caracter especificando el octal

// W -> 127
/\127/g.test("Me gusta la Web")

\uxxxx Busca un caracter unicode especificando en hexadecimal.

// W -> u0057
/\u0057/g.test("Me gusta la Web")

Regex: Agrupadores y Rangos

[ab] Coincide con al menos uno de los caracteres.

"hola... y de nuevo hola".match(/[hol]/g)
// ["h", "o", "l", "o", "h", "o", "l"]

[1-9] Rango entre 1 y 9

"172635172312312352451234...".match(/[1-4]/g)
// ["1", "2", "3", "1", "2", "3", "1", "2", "3", "1", "2", "3", "2", "4", "1", "2", "3", "4"]

[a-f] Rango alfabetico entre a y f.

"am3s5bdnd,ABCvm2naw8perjascm<lcmqPWD...".match(/[5-8q-zA-C]/g)
// ["s", "5", "A", "B", "C", "v", "w", "8", "r", "s", "q"]

[^ab] No debe coincidir con ningun de estos carácteres.

"hola... y de..".match(/[^hol]/g)
// ["a", ".", ".", ".", " ", "y", " ", "d", "e", ".", "."]

(ab) Agrupadores, permite crear un grupo

"Hola _quien seas_".replace(/_(.*?)_/, "<strong>$1</strong>")

(?:ab) Grupo no capturado

"foo".match(/(foo){1,2}/) // ["foo", "foo"]
"foo".match(/(?:foo){1,2}/) //["foo"]

a(?=b) Encuentra a solo si a es seguido de b.

//Encuentra Metacaracter o Metacaracteres pero no Metadato.
/Meta(?=caracter|caracteres)/.test("Metacaracter");

a(?!y) Encuentra a solo si a no va seguido de b.

// Encuentra 141 pero no 3.141.
/\d+(?!\.)/.test("3.141")