Embedded Files
Introdución a JavaScript
Parte 5
Una técnica importante de programación es el uso de arrays. Estos son soportados por cada lenguaje de programación en cierta manera. Puede ser que alguna vez usted haya llegado a un punto donde los arrays lo ayudarían de gran manera. El problema es que los arrays no existen en JavaScript.
Primero, ¿qué son arrays? Usted puede ver que los arrays son muchas variables ligadas entre sí. Digamos que quiere 10 variables. Usted puede comenzar con las variables a, b, c... Pero esto es realmente complicado. Especialmente si usted quiere almacenar 100 o mas variables. Si usted tiene un array llamado 'MiArray' y este tiene 10 elementos, usted puede direccionar los diferentes elementos con MiArray[1], MiArray[2], MiArray[3]...(muchos lenguajes de programación inician con el cero como primer elemento ´- pero queremos tener el 1 como primer elemento porque así lo vamos a usar en JavaScript). Por ejemplo si usted desea mantener el número 17 en el primer elemento, debe escribir MiArray[1]=17.Usted ve que puede trabajar con arrays de la misma forma que con variables normales. Pero existen otras características. Si usted quiere almacenar el número 17 en cada elemento, lo puede escribir de esta manera:
for (var i=1;<11;i++) MiArray[i]=17>
El comando 'for' le dice al computador con que frecuencia el comando siguiente va a ser ejecutado. El loop de 'for' comienza con i= 1. Primero el computador toma el comando Miarray[1]= 17. Después esta i es incrementada por 1 y entonces el comando es MiArray[2]= 17. i se incrementa hasta que tiene el valor de 10. (La expresión 1<11 en el loop de for debe ser true si i es 11 esta expresión no es mas 'true').> Ahora le mostraré una función para comenzar con los arrays. Esta función fue discutida el la Mailing List de JavaScript. (Si se quiere suscribir a la lista de correo envie el comando subscribe javascript-digest como cuerpo del mensaje hacia majordomo@obscure.org. Usted recibirá 1 o dos archivos cada dia de aproximadamente 20 o 30Kb cada uno. Estos archivos contienen los correos de la lista de javascript.)
function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] }
Usted no tiene la necesidad de entender esta función. Solo tiene que saber como usarla. Si quiere crear un array con tres elementos solo escriba: var MyArray= new initArray(17,18,19). 17,18,19 son asignados a los elementos 1,2,3. Usted igual podría escribir strings a su array. Además austed no le debe importar que letras o tipos son usados¡ var heyho= new initArrray("Esto","es","vacano").Mezclando diferentes letras no es del todo un problema: var Mezclados= new initArray(17,"Ho",103).
Ahora iniciaré el array 'Mezclados' y mostraré el resultado:
Elemento No. 1: 17
Elemento No. 2: Ho
Elemento No. 3: 103
Este es el script para la salida:
<script language="JavaScript"> <!-- Hide var Mezclados= new initArray(17,"Ho",103); document.write("Elemento No. 1: "+Mezclados[1]+"<br>"); document.write("Elemento No. 2: "+Mezclados[2]+"<br>"); document.write("Elemento No. 3: "+Mezclados[3]+"<br>"); // --> </script>
Ahora estamos mirando un script que le permite navegar a través de diferentes documentos. De lo que hablo es de las funciones back() y forward(). Si usted tiene un link de regreso (back) en su página, este no es el mismo botón de regreso que tienen la mayoria de los browsers. Por ejemplo yo tengo lagunos links de regreso que trabajan como links normales, pero yo se que el usuario probablemente viene de esa página a la cual yo estoy haciendo el link. El botón de regreso provisto por Netscape Navigator se devuelve un paso atrás en su 'history list'. Esto se puede hacer igualmente con JavaScript. Solo tome este link para regresar de nuevo! El script que uso aquí se muestra abajo:
<html> <body> <FORM NAME="buttonbar"> <INPUT TYPE="button" VALUE="Atras" onClick="history.back()"> <INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'"> <INPUT TYPE="button" VALUE="Siguiente" onCLick="history.forward()"> </FORM> </body> </html>
También puede escribir history.go(-1) y history.go(1).
Page updated
Google Sites
Report abuse