Manipulación de Arreglos
Inicializando un arreglo
Los arreglos pueden asignarse a cualquier variable de Javascript.
En consecuencia, la declaración de un arreglo se hace de la misma forma que con cualquier otra variable.
La variable se toma su condición de arreglo cuando se le asigna un arreglo.
En cualquier caso puede asignarse un arreglo vacio o con datos.
var paises;
paises = ['Colombia', 'Venezuela', 'Ecuador'];
var ciudades = ['Bogotá', 'Cali', 'Medellín'];
var arreglo = []; // arreglo vacio
Otra posibilidad es crear un arreglo usando la clase/protitipo de Javascript Array.
Por ejemplo, es posible usar new Array() para crear un arreglo.
var arreglo = new Array(); // arreglo vacio
var carros = new Array("Renault", "Volvo", "BMW");
Accesando los elementos de un arreglo
En Javascript, los elementos del arreglo son accesibles a través de su posición.
Los arreglos empiezan en 0.
var carros = ["Renault", "Volvo", "BMW"]
console.log(carros[0]); // Renault
console.log(carros[1]); // Volvo
Recorriendo elementos de un arreglo
El tamaño del arreglo se puede determinar usando la propiedad length.
var carros = ["Renault", "Volvo", "BMW"]
console.log(carros.length); // 3
Es posible usar un ciclo for para recorrer el arreglo.
var carros = ["Renault", "Volvo", "BMW"]
for( var i=0; i < carros.length; i++ ) {
console.log(carros[i]);
}
Agregando elementos a un arreglo
Es posible agregar un elemento a un arreglo usando el método push.
var carros = ["Renault", "Volvo", "BMW"]
console.log(carros.length); // 3
carros.push( "Chevrolet" );
console.log(carros.length); // 4
console.log(carros[3]); // Chevrolet
Igualmente, es posible agregar elementos usando un índice.
En nuestro ejemplo, es posible agregar un elemento usando como posición el tamaño del arreglo.
var carros = ["Renault", "Volvo", "BMW"]
console.log(carros.length); // 3
carros[3] = "Chevrolet";
console.log(carros.length); // 4
console.log(carros[3]); // Chevrolet
Es posible agregar un elemento usando un índice mucho mayor al tamaño del arreglo.
En ese caso, el arreglo quedará con "huecos" en las posiciones en las que no se ha asignado ningun elemento.
var carros = ["Renault", "Volvo", "BMW"]
console.log(carros.length); // 3
carros[10] = "Chevrolet";
console.log(carros.length); // ??
console.log(carros[3]); // ??
console.log(carros[11]); // ??
Modificando elementos de un arreglo
Es posible usar el índice para modificar un elemento del arreglo.
var carros = ["Renault", "Volvo", "BMW"]
carros[1] = "Chevrolet";
console.log(carros.length); // ??
console.log(carros[1]); // ??
Eliminando elementos de un arreglo
En Javascript es posible eliminar un elemento de un arreglo usando delete.
var carros = ["Renault", "Volvo", "BMW"]
delete carros[0]
console.log(carros.length); // ??
console.log(carros[0]); // ??
console.log(carros[1]); // ??
Sin embargo, el uso de deletedeja "huecos" en el arreglo.
Normalmente se usan otros métodos para eliminar los elementos:
pop se puede usar para eliminar el último elemento y shift para eliminar el primero.
var carros = ["Renault", "Volvo", "BMW"]
var primero = carros.shift();
console.log(carros.length); // ??
console.log(carros[0]); // ??
var ultimo = carros.pop();
console.log(carros.length); // ??
console.log(carros[0]); // ??
console.log(carros[1]); // ??
splice permite eliminar uno o varios elementos en cualquier posición.
var carros = ["Renault", "Volvo", "BMW", "Chevrolet"]
carros.splice(2, 0);
console.log(carros.length); // ??
console.log(carros[0]); // ??
console.log(carros[1]); // ??
console.log(carros[2]); // ??
Recursos Adicionales