Listado completo de tutoriales

Expresiones regulares


Una expresión regular es una técnica que nos permite identificar si un string coincide con un patrón determinado. Un ejemplo clásico es determinar si un email está correctamente tipeado (sabemos que comienza con uno o más caracteres alfanuméricos, luego el carácter @ seguido de uno o más caracteres alfanuméricos, luego el carácter '.' y finalmente otros caracteres alfabéticos)

Sin conocer las expresiones regulares se pueden resolver estos tipos de problemas mediante una serie de if que procesan partes del string para comprobar si cumplen en conjunto todas las reglas que necesitamos validar, pero con las expresiones regulares podemos resolver este tipo de problemas con una sintaxis mucho más compacta.

Existe toda una serie de reglas para crear las expresiones regulares que iremos viendo.

El lenguaje JavaScript administra las expresiones regulares mediante el objeto RegExp:

Problema

Validar si se ingresa un valor entero con exactamente tres dígitos.

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        let valor = prompt('Ingrese un numero entero positivo de 3 dígitos');
        let patron = new RegExp('^[0-9]{3}$');
        if (patron.test(valor))
            alert('Se ingresó un valor entero positivo de 3 dígitos');
        else
            alert('No se ingresó un valor entero positivo de 3 dígitos');
    </script>

</body>

</html>

En este primer paso no nos importa la sintaxis dispuesta en el string que le pasamos al constructor del objeto RegExp, sino ver la sintaxis de JavaScript para crear un objeto de RegExp y seguidamente como llamamos al método test que retorna si el string 'valor' contrastado con la expresión regular definida en el objeto 'patron' verifica verdadero o falso:

        let patron = new RegExp('^[0-9]{3}$');
        if (patron.test(valor))
            alert('Se ingresó un valor entero positivo de 3 dígitos');
        else
            alert('No se ingresó un valor entero positivo de 3 dígitos');

Veremos luego que para definir expresiones regulares intervienen una serie de caracteres ^ $. * +? =! : | \ / () [] {} que tienen un significado especial en la definición del lenguaje de expresiones regulares, estos tipos de caracteres suelen llamarse metacaracteres.

El mismo problema se puede expresar utilizando una sintaxis distinta para la creación de la expresión regular (esta otra sintaxis es muy utilizada, pero en el fondo el interprete de JavaScript crea un objeto de tipo RegExp):

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        let valor = prompt('Ingrese un numero entero positivo de 3 dígitos');
        let patron = /^[0-9]{3}$/;
        if (patron.test(valor))
            alert('Se ingresó un valor entero positivo de 3 dígitos');
        else
            alert('No se ingresó un valor entero positivo de 3 dígitos');
    </script>

</body>

</html>

Como podemos ver al definir la variable patron le asignamos una cadena encerrada entre los caracteres '/' (recordar que estamos creando un objeto de tipo RegExp):

        let patron = /^[0-9]{3}$/;
Problema

Ingresar una oración por teclado y luego imprimir un mensaje si la oración ingresada contiene la palabra 'hora'

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        let oracion = prompt('Ingrese una oración');
        let patron = /hora/;
        if (patron.test(oracion))
            alert('La oración ingresada contiene la palabra \'hora\'');
        else
            alert('La oración ingresada no contiene la palabra \'hora\'');
    </script>

</body>

</html>

Es muy posible que este primer problema convenga utilizar el método indexOf del objeto string pero para introducir el concepto de expresiones regulares es lo más sencillo. Estamos declarando la expresión regular:

        let patron = /hora/;

Con esta definición especificamos que el patrón a comparar son los caracteres 'hora'. Luego al llamar al método test donde le pasamos el string a comparar verifica si el patrón 'hora' está contenido en alguna posición del string 'oración'.

El método test se verifica verdadero si ingresamos las siguientes oraciones:

Es hora de partir.
hora de comer.
Pasó muchas horas corriendo.
Ahora tenemos ganas de correr.

Se verifica falso si ingresamos la siguiente oración:

El niño ora.
Hora de comer.

Retornar