JAVASCRIPT
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. Pero si se mira a través de la documentación que Netscape provee, allí no se encuentra nada acerca de los arrays. El problema es que los arrays no existen en JavaScript¡ Pero porsupuesto yo le puedo mostrar un trabajo acerca de esto¡
Primero, qué son arrays? Usted puede ver que los arrays son muchas variables ligadas entre si. 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 asi 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 liste 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>

Ayer estuve escribiendo un pequeño juego. Encontré un problema que tal vez usted encuentra a veces. Si quiere limpiar una ventana o un frame habrá visto que en la documentació de Netscape, JavaScript reconoce la función 'document.clear()'. Pero si usted implementa esta función nada sucede¡ La función 'document.clear()' parece estar rota en cada plataforma. Gordon McComb me dio el suiguiente script que limpia la ventana como yo quería.

     document.close();
     document.open();
     document.write("<P>");
Usted no tiene que escribir document.write("<P">);. Lo único importante es que envie algo a la ventana. Esto trabaja igual de bien con frames.


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).
 
 

Indice - Parte 1 - Parte 2 - Parte 3 - Parte 4 - Parte 6 - Parte 7

  1