Arreglos en JavaScript (arrays)
Los arreglos en JavaScript permiten guardar colecciones de objetos o valores utilizando un único tipo de dato y/o nombre de variable. Dentro de las ventajas de utilizar arrays tenemos la manipulación de la colección (agregar, eliminar, intercambios elementos) y el ordenamiento de la misma.
Declaración e inicialización
Para declarar e inicializar un array en javascript podemos utilizar el constructor Array.
const collection = new Array()Una forma más común y equivalente de crear un array es la siguiente:
const collection = []Podemos inicializar un array indicando los elementos que va a contener. Estos elementos pueden ser de distintos tipos. Un array puede contener incluso otros arrays u objetos.
const collection = [2, 'name', 2n, 4.5, [1,2], {foo: 'bar'}]Características
Al igual que en la mayoría de lenguajes de programación los arrays en javascript empiezan desde el índice cero.
A diferencia de otros lenguajes un array no puede contener claves de cadena, solamente claves numéricas.
Métodos comunes
A continuación veremos los métodos de manipulación de arrays más comunes.
Array.push
Con el método push podemos agregar nuevos elementos a un array.
// result --> ['one', 2, 'three', 4]
const collection = ['one', 2, 'three']
collection.push(4); // returns 4 (array lenght)Array.pop
Con el método pop podemos quitar el último elemento de un array.
// result --> ['one', 2]
const collection = ['one', 2, 'three']
collection.pop(); // returns 'three'Array.shift
Con el método shift podemos quitar el primer elemento de un array.
// result --> [2, 'three', 4]
const collection = ['one', 2, 'three', 4]
collection.shift(); // returns 'one'Array.unshift
Con el método unshift podemos agregar el primer elemento de un array.
// result --> ['one', 2, 'three', 4]
const collection = [2, 'three', 4]
collection.unshift('one'); // returns 4 (array lenght)Array.find
Con el método find podemos buscar un elemento en un array. Si el elemento no se encuentra el valor devuelto es undefined, si se encuentra retornará la primera coincidencia con la condición dada.
// result --> 2
const collection = ['one', 2, 'three', 4]
collection.find(item => { return item > 1 })Array.filter
Con el método filter podemos filtrar el contenido de un array. Esto quiero decir que el valor devuelto por esta función es otro array de menor o igual tamaño que el original.
// result --> [2, 4]
const collection = ['one', 2, 'three', 4]
collection.filter(item => { return item >= 2 })Array.splice
Con el método splice podemos cambiar o eliminar una parte del contenido del array. El primer parámetro es el índice desde el cual queremos hacer el reemplazo, el segundo es la cantidad de posiciones que cambiaremos o eliminaremos.
En el siguiente ejemplo se eliminar el valor 2 del array.
// result --> ['one', 'three', 4]
const collection = ['one', 2, 'three', 4]
collection.splice(1, 1)Tomemos este mismo ejemplo y en vez de eliminarlo lo reemplazamos por el valor 'two'.
// result --> ['one', 'two', 'three', 4]
const collection = ['one', 2, 'three', 4]
collection.splice(1, 1, 'two')Array.forEach
Con el método forEach podemos iterar los valores de un array.
const collection = ['one', 2, 'three', 4]
collection.filter(item => { console.log(item) })