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:
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).
Index -
Parte 1 -
Parte 2 -
Parte 3 -
Parte 4 -
Parte 6 -
Parte 7