Mortuux

Diario de un estudiante geek. Informática, tecnología, programación, redes, sistemas operativos, bases de datos…

Archivos por Etiqueta: JavaScript

Expresiones regulares en JavaScript

Una expresión regular es una cadena de caracteres que nos permitirá buscar coincidencias dentro de un texto o comprobar que una cadena tiene un formato concreto. En JavaScript se identifican colocando “/” al principio y al final de la cadena.

Consiste en escribir un conjunto de caracteres  para después encontrar coincidencias con él. Por ejemplo en la frase “el volante del coche” si nuestro patrón es /el/ obtendríamos que las palabras “el y “del” lo cumplen.

Para hacer más útiles los patrones, hay una serie de estructuras y caracteres especiales:

Caracteres de repetición

  • Asterisco(*): El caracter que le precede aparecerá cero o más veces.
  • Más(+): El caracter que le precede aparecerá una o más veces.
  • Interrogación(?): Igual que las opciones anteriores, pero el caracter puede aparecer ninguna o una vez.
  • {n}: Siendo n un número entero positivo, indicamos que el caracter se debe repetir al menos n veces.
  • {n,}: Similar al anterior, pero esta vez indicamos que al menos se debe repetir n veces.
  • {n, m}: El caracter debe repetirse entre n y m veces.

Caracteres especiales

  • Punto(.): Coincidirá con cualquier caracter simple excepto el salto de línea.
  • \n : Salto de línea.
  • \r : Retorno de carro.
  • \t : Caracter de tabulado.
  • \v : Tabulado vertical.
  • \f : Avance de página.
  • \uxxxx : Caracter unicode.
  • \b : Coincide con un separador de palabras.
  • \B : Coincide con un caracter que no sea separador de palabras.
  • \d : Dígito entre cero y nueve.
  • \D : Caracter que no sea un dígito.
  • \s : Coincide con un único caracter de separación.
  • \S : Coincide con un único caracter que no sea de separación.
  • \w : Coincide con cualquier caracter alfanumérico (De la “a” a la “z” en máyusculas y minúsculas, números del cero al nueve) o el subrayado.
  • \W: Coincide con cualquier caracter no alfanumérico ni subrayado.

Agrupaciones de valores

  • [xxx]: Coincide con los caracteres entre corchetes. También se puede especificar un rango contiguo de caracteres: [0-6] que esto equivale a [0123456].
  • [^xxx]: El acento circunflejo indica que coincidirán cualquier caracter salvo los especificados en los corchetes.
  • Barra vertical ( x | y ): O una cosa o la otra. Por ejemplo: /cara|cruz/, /perr[o|a]/

Modificadores

Los modificadores se colocan detras de la última barra, por ejemplo: /hola/g.

  • g : Fuerza a que se sigan buscando coincidencias después de encontrar la primera
  • i : Elimina distinción entre mayúsculas y minúsculas.
  • x : Fuerza que los espacios escritos sean ignorados.

Ejemplos útiles

  1. /\d{9}/ -> Número teléfono
  2. /\d{8}[a-zA-Z]/ -> Número DNI
  3. /\d{2}-\d{2}-\d{4} -> Fecha DD/MM/AAAA
  4. /\w+@\w+\.\w{2,3}/ -> Dirección correo electrónico.
Anuncios

Declaración de variables en JavaScript

Para utilizar una variable en nuestro código debe estar indicado en alguna parte de éste cuál es su nombre y/o valor. A esto se le conoce como declarar una variable.

En la mayoría de los lenguajes de programación es obligatorio declarar cada variable antes de utilizarla en el código mientras que en JavaScript se puede hacer sobre la marcha según las vayamos necesitando. Hay dos maneras de declarar variables:

  1. Declaración explícita: Consiste en usar la sentencia var seguida del nombre de la variable. Esta opción es la más recomendada, para que el código sea más legible, personalmente la recomiendo.
  2. Declaración implícita: Es cuando escribimos directamente el nombre de la variable. En este caso debe ir acompañada obligatoriamente de un valor.


// declaración explícita
var nombre;
// declaración implícita
nombre = "Paco";
// declaración explícita múltiple
var nombre, edad, apellido;
// declaración explícita múltiple con inicialización
var nombre = "paco", edad = 20, apellido = "ruiz";
// declaración implícita múltiple con inicialización
nombre = "paco", edad = 20, apellido = "ruiz";

También se pueden declarar constantes, por ejemplo el numero pi, o un valor máximo. Se declaran con la sentencia const. Pero es recomendable no usarlo porque sólo es soportado a partir del motor 1.5 de JavaScript.