Arrays

Título curso Aprende a programar (con Javascript)

Como adelantamos en la página anterior, los Arrays ó matrices pueden contener múltiples valores, como un buzón con diversos compartimentos numerados en su interior. Son del tipo objetos. Vemos como trabajar con ellas:

Ejemplo: var granPoblacion = ["Madrid", "Barcelona", "Valencia", "Sevilla"];

En su definición, date cuenta cómo se emplean:

corchetes [ ]: para incluir los valores
comas (,): para separar los valores dentro del array

En el array, los valores (que pueden ser numéricos, de texto o una combinación de ellos) se encuentran en posiciones numeradas, empezando a contar desde el cero, no desde el uno. Es decir, en el ejemplo anterior los valores de cada elemento del array (a los que se accede con nombreArray[n], siendo n= 0,1,2…) serían:

granPoblacion[0]: Madrid
granPoblacion[1]: Barcelona
granPoblacion[2]: Valencia
granPoblacion[3]: Sevilla

Podrías añadir o cambiar valores dentro del array. Por ejemplo, la sentencia: granPoblacion[4] = "Zaragoza"; añadiría este valor detrás del valor ‘Sevilla’.

Vamos a ilustrarlo con un ejemplo. Puedes copiar este script al editor (abajo):

<script>
var granPoblacion = ["Madrid", "Barcelona", "Valencia", "Sevilla"];       //declaramos el array
document.write("granPoblacion[2]: " + granPoblacion[2] + "<br>");         //imprimimos el valor '2'
granPoblacion[2] = "Málaga";                                              // cambiamos el valor '2'
document.write("Cambiamos Valencia por: " + granPoblacion[2] +"<br>");    //imprimimos el nuevo valor '2'
granPoblacion[4] = "Zaragoza";                                     //añadimos el valor Zaragoza al array
document.write("Hemos añadido al array: " + granPoblacion[4]);            //imprimimos el nuevo valor
</script>

var granPoblacion = ["Madrid", "Barcelona", "Valencia", "Sevilla"]; //declaramos el array

document.write("granPoblacion[2]: " + granPoblacion[2] + "<br>"); //imprimimos el valor '2'

granPoblacion[2] = "Málaga"; // cambiamos el valor '2'

document.write("Cambiamos Valencia por: " + granPoblacion[2] +"<br>"); //imprimimos el nuevo valor '2'

granPoblacion[4] = "Zaragoza"; //añadimos el valor Zaragoza al array

document.write("Hemos añadido al array: " + granPoblacion[4]); //imprimimos el nuevo valor

</script>

También podrías crear un array vacío y posteriormente irle agregando elementos tal como hemos visto. Un ejemplo:

var ciudades = [];
ciudades[0] = "Cuenca";
ciudades[1] = "Gijón";
ciudades[2] = "Granada"

var ciudades = [];

ciudades[0] = "Cuenca";

ciudades[1] = "Gijón";

ciudades[2] = "Granada"

En un apartado posterior, veremos más posibilidades que nos ofrecen los arrays para manipular los valores que almacenan, a través del uso de funciones (métodos).

Ahora toca practicar con un ejercicio donde aplicaremos lo que hemos visto en este apartado:

Ejercicio con arrays (1)