Revision 634281 of Ejemplos de expresiones regulares

<p>&nbsp;</p>
<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>
<p>Los siguientes ejemplos muestran algunos usos de expresiones regulares.</p>
<h4 id="Cambiando_el_orden_en_una_cadena_de_Entrada" name="Cambiando_el_orden_en_una_cadena_de_Entrada">Cambiando el orden en una cadena de Entrada</h4>
<p>El siguiente ejemplo ilustra la formación de una expresión regular y el uso de <code>string.split()</code> y <code>string.replace()</code>. Esta corrige una cadena de entrada que está formateada irregularmente y que contiene nombres (nombre apellido) separados exactamente por espacios en blanco, tabulados y un punto y coma. Finalmente, esta reversa el orden de los nombres (apellido nombre) y ordena la lista.</p>
<pre>
&lt;script type="text/javascript"&gt;

// La cadena nombres contiene múltiples espacios y tabulados,
// y puede tener espacios entre nombres y apellidos.
var nombres = "Harry Trump&nbsp;;Fred Barney; Helen Rigby&nbsp;; Bill Abel&nbsp;; Chris Hand ";

var salida = new Array(
  "---------- Cadena original &lt;br&gt;&lt;br&gt;",
  nombres + "&lt;br&gt;&lt;br&gt;");

// Prepara dos patrones de expresiones regulares y un arreglo para almacenamiento.
// Separa la cadena en elementos de un arreglo.

// patrón: posibles espacios en blanco (\s*), luego un punto y coma (;), luego posibles espacios en blanco (\s*)
var patron = /\s*;\s*/;

// Divide la cadena en piezas separadas por el patrón anterior y
// almacena las piezas en un arreglo llamado Listanombres
var Listanombres = nombres.split(patron);

// nuevo patrón: uno o más caracteres luego espacios luego caracteres.
// Utilice paréntesis para "memorizar" porciones del patrón.
// Las porciones memorizadas son referidas más tarde.
var patron = /(\w+)\s+(\w+)/; //la variable patron ahora es actualizada con el nuevo patrón

// Nuevo arreglo para mantener los nombres que son procesados.
var ListaSorteadaPorNombres = new Array();

// Despliega el arreglo de nombres y publica el nuevo arreglo
// con nombres separados por coma, por apellidos.
//
// El método replace remueve cualquier cosa que coincida con el patrón
// y la reemplaza con las segundas porciones memorizadas de la cadena memorizada
// seguidos por una coma, espacio seguido por la primera porción memorizada.
//
// Las variables $1 y $2 se refieren a las porciones
// memorizadas mientras coteja con el patrón.

salida.push("---------- Despues de dividir por una expresión regular&lt;br&gt;");

var i, longitud;
for (i = 0, longitud = Listanombres.length; i &lt; longitud; i++)
{
  salida.push(Listanombres[i] + "&lt;br&gt;");
  ListaSorteadaPorNombres[i] = Listanombres[i].replace(patron, "$2, $1")
}

// Despliegue del nuevo arreglo.
salida.push("---------- Nombres reversados&lt;br&gt;");
for (i = 0, longitud = ListaSorteadaPorNombres.length; i &lt; longitud; i++)
{
  salida.push(ListaSorteadaPorNombres[i] + "&lt;br&gt;")
}

// ordenar por apellido, luego desplegar el arreglo ordenado.
ListaSorteadaPorNombres.sort();
salida.push("---------- Ordenada&lt;br&gt;");
for (i = 0, longitud = ListaSorteadaPorNombres.length; i &lt; longitud; i++)
{
  salida.push(ListaSorteadaPorNombres[i] + "&lt;br&gt;")
}

salida.push("---------- Fin&lt;br&gt;");

document.write(salida.join("\n"));

&lt;/script&gt;
</pre>
<h4 id="Utilizando_Caracteres_Especiales_para_Verificar_Entradas" name="Utilizando_Caracteres_Especiales_para_Verificar_Entradas">Utilizando Caracteres Especiales para Verificar Entradas</h4>
<p>En el siguiente ejemplo, un usuario ingresa un número telefónico. Cuando el usuario presiona Enter, el script chequea la validez del número. Si el número es válido (coincide con la secuencia de caracteres especificados por la expresión regular), el scrip despliega una ventana de agradecimiento al usuario agradeciéndolo y confirmando su número. Si el número es inválido, el script despliega una ventana informando al usuario que el número telefónico no es válido.</p>
<p>La expresión regular busca por cero o un paréntesis <code>\(?</code>, seguido por tres dígitos <code>\d{3}</code>, seguido por cero o ningún paréntesis cerrado <code>\)?</code>, seguido por un guión, un slash, o punto decimal y cuando lo encuentra, recuerda el caracter <code>-\\/\\.</code>, seguido por tres dígitos <code>\d{3}</code>, seguido por las coincidencias memorizadas de un guión, slash, o punto decimal<code> \1</code>, seguido de cuatro dígitos <code>\d{4}</code>.</p>
<p>El evento <code>Change</code> activado cuando el usuario presiona Enter configura el valor de <code>RegExp.input</code>.</p>
<pre>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "https://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
    &lt;meta http-equiv="Content-Script-Type" content="text/javascript"&gt;
    &lt;script type="text/javascript"&gt;
      var re = /\(?\d{3}\)?([-\/\.])\d{3}\1\d{4}/;

      function probarInformación(Entrada_teléfono)
      {
        var OK = re.exec(Entrada_teléfono.value);

        if (!OK)
        {
          window.alert(RegExp.input + " es un número de teléfono sin código de área!");
        }
        else
        {
          window.alert("Gracias, su número telefónico es " + OK[0]);
        }
      }
    &lt;/script&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;p&gt;Ingrese su número telefónico (con código de área) y luego presione Enter.&lt;/p&gt;
    &lt;form action=""&gt;
      &lt;input name="teléfono" onchange="probarInformación(this);"&gt;
    &lt;/form&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>
<div class="noinclude">
 <p>{{ AnteriorSiguiente("Guía JavaScript 1.5:Trabajar con expresiones regulares:Usar coincidencias de subcadenas parentizadas", "Guía JavaScript 1.5:Sentencia de bloque") }}</p>
</div>
<p>&nbsp;</p>