Las expresiones regulares son una forma de describir cadenas de caracteres que sirven para comparaciones y reemplazos complejos. Por ejemplo si escribimos en la l\u00ednea de comandos de windows dir *.exe, eso es una expresi\u00f3n regular que define todas las cadenas de caracteres que empiecen con cualquier cosa seguida de .exe, es decir, todos los archivos .exe. La acci\u00f3n de comparar la cadena de texto con el patr\u00f3n que le hemos dado (la expresi\u00f3n regular) se denomina reconocimiento de patrones (pattern matching).<\/p>\n
En Javascript las expresiones regulares se basan en las de Perl, de forma que son muy muy parecidas y se representan por el objeto RegExp (de REGular EXPresion). Para crear una expresi\u00f3n regular podemos usar el constructor del objeto RegExp, pero es mas conveniente utilizar una sintaxis especialmente pensado para ello. Veamos un ejemplo, el mas simple posible.<\/p>\n
var patron = \/pato\/;<\/p><\/blockquote>\n
Este es el patr\u00f3n mas sencillo. En una comparaci\u00f3n con una cadena devolver\u00eda true en el caso de la cadena con la que se compara sea \u201cpato\u201d. Todos los patrones se escriben entre barras invertidas, as\u00ed como las cadenas de texto se escriben entrecomilladas. La otra forma de crear el objeto RegExp es como deciamos utilizando su constructor.<\/p>\n
var patron = new RegExp(\u201cpato\u201d);<\/p><\/blockquote>\n
Pero en este caso lo que le pasamos al constructor es una cadena, por lo tanto en lugar de usar \/ lo entrecomillamos. Para complicar un poco mas las cosas supongamos que queremos comprobar si la cadena que nos pasan es pato, pata o pate. Entonces usariamos los corchetes, que indican opci\u00f3n, es decir, al comparar con \/[aeo]\/ devolver\u00eda cierto en caso de que la cadena fuera la letra a, la e o la letra o.<\/p>\n
var patron = \/pat[aeo]\/;<\/p><\/blockquote>\n
\u00bfY si quisieramos comprobar si la cadena es pat0, pat1, pat2, \u2026, pat9? En lugar de tener que encerra los 10 d\u00edgitos dentro de los corchetes podemos utilizar el gui\u00f3n, que sirve para indicar rangos. Por ejemplo 0-9 ser\u00edan todos los n\u00fameros de 0 a 9 inclusive.<\/p>\n
var patron = \/pat[0-9]\/;<\/p><\/blockquote>\n
Si quisieramos por ejemplo que el \u00faltimo caracter fuera o un d\u00edgito (0-9) o una letra min\u00fascula (a-z) simplemente se escribir\u00edan dentro de los corchetes un criterio detras de otro.<\/p>\n
\/\/pat seguido de un n\u00famero o letra min\u00fascula
\nvar patron = \/pat[0-9a-z]\/;
\n\/\/ahora tambi\u00e9n puede estar seguido de una A may\u00fascula
\nvar patron2 = \/pat[0-9a-zA]\/;<\/p><\/blockquote>\n\u00bfY que ocurrir\u00eda si en lugar de tener solo un n\u00famero o una letra min\u00fascula quisieramos que pudieran haber varias, pero siempre min\u00fasculas o n\u00fameros? Entonces recurrimos a +, *, ? y {}. + indica que lo que tiene a su izquierda puede estar 1 o mas veces, * indica que puede estar 0 o mas veces (en el caso de + el n\u00famero o la min\u00fascula tendr\u00eda que aparecer al menos una vez, con * pat tambi\u00e9n se aceptar\u00eda), ? indica opcionalidad, es decir, lo que tenemos a la izquierda puede o no aparecer (puede aparecer 0 o 1 veces) y por \u00faltimo {} sirve para indicar exactamente el n\u00famero de veces o que puede aparecer o un rango. Por ejemplo {3} indicar\u00eda que tiene que aparecer exactamente 3 veces, {3,8} indicar\u00eda que tiene que aparecer de 3 a 8 veces y {3,} tres veces o mas (las que sean). Hay que tener cuidado porque {} exige que se repite lo \u00faltimo, cuando no se est\u00e9 seguro de lo que va a hacer usamos (). Para ilustrar esto vamos a ver un primer ejemplo real con expresiones regulares:<\/p>\n
<script>
\nvar patron = \/pat[ao]{2}\/;
\ndocument.write(\u201cpatopata\u201d.search(patron));
\ndocument.write(\u201cpatoa\u201d.search(patron));
\npatron = \/(pat[ao]){2}\/;
\ndocument.write(\u201cpatopata\u201d.search(patron));
\ndocument.write(\u201cpatoa\u201d.search(patron));
\n<\/script><\/p><\/blockquote>\nLa funci\u00f3n search del tipo de objeto de String (asociado a las cadenas de caracteres) comprueba si la cadena representada por el patr\u00f3n que le pasamos como argumento se encuentra dentro de la cadena sobre la que se llama a search. En el caso de que as\u00ed sea devuelve la posici\u00f3n (por ejemplo para la cadena pato con el patron \/p\/ devolver\u00eda 0, 1 si el patr\u00f3n es a, 2 si es t,\u2026) y -1 si no se encuentra. Otra funci\u00f3n \u00fatil que merece la pena comentar es cadena.replace(patron, sustituto)<\/i>, que sustituye en la cadena sobre la que se llam\u00f3 las ocurrencias del patr\u00f3n por la cadena especificada<\/p>\n
Si ejecutamos el programa anterior la salida por pantalla ser\u00e1 -100-1, es decir, la primera y \u00faltima llamada a search devuelven no encontrado y la segunda y las otras dos encuentran la cadena en la posici\u00f3n 0. Si nos fijamos vemos que esto es obvio. El patr\u00f3n que definimos primero, \/pat[ao]{2}\/ incluye las cadenas \u201cpataa\u201d, \u201cpatao\u201d, \u201cpatoo\u201d y \u201cpatoa\u201d, ya que lo que indica {2} que debe repetirse dos veces es [ao], no pat[ao]. Sin embargo cuando redefinimos el valor del patron utilizamos los par\u00e9ntesis de forma que {2} se aplique sobre pat[ao].<\/p>\n
Otro elemento interesante en las expresiones regulares es la especificaci\u00f3n de las posiciones en que se tiene que encontrar la cadena, esa es la utilidad de ^ y $, que indican que el elemento sobre el que act\u00faa debe ir al principio de la cadena o al final de esta.<\/p>\n
\/\/buscamos \u201coo\u201d y que se encuentre al principio de la cadena en la que est\u00e9
\nvar patron = \/^aa\/;
\n\/\/buscamos uu al final de la cadena
\npatron = \/uu$\/;<\/p><\/blockquote>\nOtros elementos a tener en cuenta son:<\/p>\n