Arreglos

Hasta ahora hemos aprendido a guardar valores como cadenas, números y booleans a nuestras variables. Pero, ¿qué pasa si necesitamos una colección de distintos valores? Por ejemplo, si estamos desarrollando un programa para administrar artistas y queremos almacenar la información de un pintor, pudiéramos hacer algo como esto:

var pintorNombre = "David Alfaro";

var pintorApellido = "Siqueiros";

var pintorCiudadNacimiento = "Camargo";

A pesar de ser correcto, lo ideal sería almacenar todos los datos juntos, ya que están relacionados. Para esto podemos utilizar una estructura de datos llamada arreglo:

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

¡Ahora si! Tenemos toda la información en una sola variable.

Agregar 

Para agregar elementos a nuestro arreglo, podemos usar el método push, el cuál colocará un nuevo valor al final.

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

pintor.push("México");

console.log(pintor); //["David Alfaro", "Siqueiros", "Camargo", "México"]

Eliminar

Si queremos eliminar el último valor del arreglo, usamos el método pop.

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

pintor.pop();

console.log(pintor); // ["David Alfaro", "Siqueiros"]

Consultar/Actualizar

Para consultar o actualizar los valores de un arreglo, usamos el índice en el que se encuentra el valor. NOTA: Considera que en la programación todos nuestros índices comienzan en 0, es decir que el primer valor se encuentra en la posición 0. 

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

console.log(pintor[0]); //Leemos el valor en índice 0. Se imprime "David Alfaro"

pintor[1] = "Orozco"; //Actualizamos el valor en índice 1

console.log(pintor);//["David Alfaro", "Orozco", "Camargo"]

Length (longitud)

Los arreglos tienen una propiedad length que nos indica la cantidad de valores que se encuentran guardados.

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

console.log(pintor.length); //3

pintor.pop();

console.log(pintor.length); //2

var pintorNombre = "David Alfaro";
var pintorApellido = "Siqueiros";
var pintorCiudadNacimiento = "Camargo";

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];
pintor.push("México");
console.log(pintor); //["David Alfaro", "Siqueiros", "Camargo", "México"]

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];
pintor.pop();
console.log(pintor); // ["David Alfaro", "Siqueiros"]

var pintor = ["David Alfaro", "Siqueiros", "Camargo"];
console.log(pintor[0]); //Leemos el valor en índice 0. Se imprime "David Alfaro"
pintor[1] = "Orozco"; //Actualizamos el valor en índice 1
console.log(pintor);//["David Alfaro", "Orozco", "Camargo"]