Array | JavaScript

Los arrays nos permiten guardar varias variables y acceder a ellas de manera independiente, es como tener una variable con distintos compartimentos donde podemos introducir datos distintos. Para ello utilizamos un índice que nos permite especificar el compartimiento o posición a la que nos estamos refiriendo.

El siguiente código crea una matriz con cuatro elementos.

var estrellas = ["Polaris", "Deneb", "Vega", "Altair"];

Las matrices pueden contener valores anidados, la creación de una matriz de matrices, como en este ejemplo que combina el nombre de la estrella con la constelación en la que aparece:

var estrellas = [["Polaris", "Ursa Minor"],["Deneb","Cygnus"],["Vega","Lyra"],["Altair","Aquila"]];

Creación de Arrays javascript

El primer paso para utilizar un array es crearlo.

Para ello haceos uso de un objeto Javascript que ya ha sido implementado en el navegador. Esta es la sentencia para crear un objeto array:

var miArray = new Array()

Esto crea un array en la página que se esta ejecutándo.

El array se crea sin ningún contenido, es decir, no tendrá ninguna casilla o compartimiento creado. También podemos crear el array Javascript especificando el número de compartimentos que va a tener:

var miArray = new Array(10)

En este caso indicamos que el array va a tener 10 posiciones, es decir, 10 casillas donde guardar datos.

Es importante que nos fijemos que la palabra Array en código Javascript se escribe con la primera letra en mayúscula.

Esta creación de casillas es dinámica y se produce al mismo tiempo que los scripts se ejecutan. Veamos a continuación cómo introducir valores en nuestros arrays.

miArray[0] = 290 miArray[1] = 97 miArray[2] = 127

Se introducen indicando entre corchetes el índice de la posición donde queríamos guardar el dato.
En este caso introducimos 290 en la posición 0, 97 en la posición 1 y 127 en la 2.
Los arrays en Javascript empiezan siempre en la posición 0, así que un array que tenga por ejemplo 10 posiciones, tendrá casillas de la 0 a la 9. Para recoger datos de un array lo hacemos igual: poniendo entre corchetes el índice de la posición a la que queremos acceder.

Veamos cómo se imprimiría en la pantalla el contenido de un array.

<!DOCTYPE html>
<html lang="es">
<head>
<title>Datos Boolenos</title>
</head>
<body>
  <script type="text/javascript">
    var miArray = new Array(3) 

    miArray[0] = 155 
    miArray[1] = 4 
    miArray[2] = 499 

    for (i=0;i<3;i++){ 
        document.write("Posición " + i + " del array: " + miArray[i]) 
        document.write("<br>") 
    }
        };
  </script>
</body>
</html>

Bien, ahora hemos creado un array con tres posiciones, luego se ha introducido un valor en cada una de las posiciones del array y finalmente las hemos impreso en pantalla.

En este caso utilizamos un bucle FOR que va desde el 0 hasta el 2. Despés conoceremos mas sobre esto.

Recuerde que lo importante es ir conociendo estos elementos, los cuales comprenden la base teórica de JS. y posteriormente lo pondremos en práctica.