Palpalá - Jujuy - Argentina
Fiesta Nacional de los Estudiantes 2011.
Todo un proyecto...!!!
Complejo Educativo José Hernández (2013) y sus Carroceros.
Colegio Mayor Jujuy (2013) - El ave Fenix
Nuestro Sistema de Iluminación
que marcó toda una Historia en los Desfiles de Carrozas
En el Año del Bicentenario del Éxodo Jujeño.
Vieron que Argentina no termina en salta...!!!
La ciudad donde los Cerros...
Fueron Pintados por Duendes Traviesos...!!!
Tocando el Cielo, Fe y Esperanza.
Gracias Virgen de Punta Corral...!!!

TUTORIAL DE JAVASCRIPT:

Esto es un compilado de apuntes, ejercicios y algunos tip's para aplicar JavaScirpt a tus páginas web. Espero se de ayuda para quien lo necesite


FUNCIONES PARA EL MANEJO DE CADENAS (El Objeto String - Parte I):

Podemos tratar a las variables de cadenas de texto como un objeto de la clase String, y como tal posee Propiedades y Métodos.

PARA RECORDAR:

Propiedades: son características o particularidades de un objeto, como ser la cantidad de caracteres que posee un string que será la única que mostraré en este tutorial por ahora.
Métodos: todo aquello que se pueda realizar sobre un string, que para nuestro caso vendrían a ser las funciones, por ejemplo convertir una cadena a mayúsculas, extraer una parte de la cadena, reemplazar un texto por otro, etc.

Para obtener el resultado de aplicar una propiedad o un método a un string se utiliza la siguiente sintaxis:

OBJETO.Propiedad

OBJETO.Método

O sea algo así...

var oString = "Cadena de prueba";
var propiedad1 = oString.propiedad; // y obtengo la propiedad solicitada
var resultado = oString.método;     // y obtengo el resultado del método aplicado

Y ahora veamos algunos ejemplos concretos:

Mayúsculas y Minúsulas: toUpperCase() - toLowerCase()

var cadena="hola Mundo";
cadena = cadena.toLowerCase();    // La convierte a minúsculas
CADENA = cadena.toUpperCase();    // La convierte a MAYÚSCULAS
document.write(cadena);
document.write(CADENA);

Unión de cadenas de caracteres:

Utilizando el operador "+" o la función concat(cadena_a_unir)

var saludo="hola";
saludo1 = saludo.concat(" Luisito...!!!<br />"); // Utilizando concat()
saludo2 = saludo + ", Otra vez?";                // Utilizando el op. "+"
document.write(saludo1);
document.write(saludo2);

La función concat() necesita que le pases como parámetro la cadena que deseas unir a la actual.

Longitud de una cadena de texto: length

var texto="Mi web";
var numcaracteres = texto.length;   // devuelve 6, el espacio también cuenta
document.write(numcaracteres);

Nota que "length" no lleva paréntesis y es porque se trata de una propiedad y no de una función.

Trimming o Quitar espacios de inicio y fin de la cadena: trim()

var probar = "     Hello Baby    ";
alert(probar);              // la cadena original
alert(probar.trim());       // la cadena sin espacios en los extremos

Búsquedas y Reemplazos:

charAt(posición): obtiene el carácter que se encuentra en la posición indicada, recordar que la posición de los caracteres comienza en "0" y va de izquierda a derecha.

var texto="Prueba";
caracter = texto.charAt(1);   // devuelve "r"
document.write(caracter);

indexOf(caracter): devuelve la posición en que se encuentra el carácter (también puede ser una cadena) indicado dentro de la cadena, si hay varias devuelve sólo el de la primera, comenzando siempre desde la izquierda. Si no lo encuentra devuelve -1

var texto="JavaScript";
var posicion = texto.indexOf("a");  // devuelve 2
var posicion2 = texto.indexOf("b"); // devuelve -1 porque no la encontró 
document.write(posicion);
document.write(posicion2);

lastIndexOf(caracter): lo mismo que la anterior, pero devuelve la última aparición.

var texto="JavaScript";
var posicion = texto.lastIndexOf("a");   // devuelve 3
var posicion2 = texto.lastIndexOf("b");  // devuelve -1 porque no la encontró 
document.write(posicion);
document.write(posicion2);

substring(inicio, fin): extrae parte de una cadena, si sólo se indica inicio devuelve la cadena desde esa posición hasta el final. Si se indica fin devuelve la cadena desde inicio hasta el carácter anterior a fin.

var texto="JavaScript";
var texto1 = texto.substring(4);   // extrae "Script"
var texto2 = texto.substring(0,4); // extrae "Java" no toma el de la posición 4
document.write(texto1);
document.write(texto2);

replace(cadena_a_buscar,cadena_nueva): busca la primera aparición de cadena_a_buscar en el string y los reemplaza por cadena_nueva.

var texto="helado de chocolate";
var texto1 = texto.replace("chocolate","granizado");
document.write(texto1);           // escribe "helado de granizado"

split(separador): Convierte una cadena en un array separando cada fragmento por el carácter separador.

var texto="JavaScript";
var arraytexto = texto.split("a");  // devuelve J,v,Script
for (i in arraytexto){
    document.write(arraytexto[i]+"<br />";
}

Luego de ejecutar el script la variable arraytexto contiene:

arraytexto[0]="J"
arraytexto[1]="v"
arraytexto[2]="Script"

Bueno, en fin, hay muuuuchas más, yo sólo tomé las más utilizadas, lo mejor es que las pongas a prueba y a ver qué utilidad les puedes dar, aquí te dejo una pequeña lista:

MAS METODOS DE STRING


METODODESCRIPCION
string.charAt(i)Devuelve un Caracter situado en el índice (i) especificado
string.charCodeAt(i)Devuelve el Unicode del carácter en el índice (i)
string.fromCharCode(ValorUnicode)Devuelve el caracter correspondiente a ValorUnicode
string.match()Busca una coincidencia entre una expresión regular y una cadena, y devuelve el partidos
string.search(CadBuscada)Devuelve la posición de CadBuscada en String, comenzando en cero
string.slice(iInicio,iFin)Extrae una parte de string desde "iInicio" hasta "iFin" (ambos son índices de string)
string.substr(iInicio,nCaracteres)Extrae nCaracteres de string, a partir de iInicio
string.substring(iInicio,iFin)Extrae los caracteres de string, entre iInicio e iFin (sin iFin, devuelve hasta el final)

MÉTODOS DE CONTENEDORES HTML


METODODESCRIPCION
string.anchor(ancla)Crea un ancla: <a name="ancla">string</a>
string.big()Muestra string usando una fuente grande
string.blink()Muestra string parpadeando (no visible en algunos navegadores)
string.bold()Muestra string en negrita
string.fixed()Muestra string como teletipo (caracteres de igual tamaño al estilo TT)
string.fontcolor(nColor)Muestra string en nColor: ya sea en inglés (red), RGB (R,G,B) o hexadecimal (#ffaa00)
string.fontsize(nTamanio)  Muestra string de tamaño nTamanio (1 a 7)
string.italics()Muestra string en italica
string.link(destino)Crea un enlace: <a href="destino">string</a>
string.small()Muestra string usando una fuente pequeña
string.strike()Muestra string tachado
string.sub()Muestra string como subíndice
string.sup()Muestra string como superíndice

Bueno... Creo que ya estamos listos para enfrentarnos a las cadenas y para tratarlas de acuerdo a las necesidades que tengamos, principalmente cuando se van a tratar formularios, tema que dejaré pendiente por el momento, pero hay más por ver todavía.

Más adelante veré de completar esta sección con más ejemplos de las funciones que no fueron desarrolladas aquí, esa será la Parte II.


A tenerme paciencia please...!!!