El manejo de los arrays de Javascript son un elemento más en lo cotidiano de la programación web. A lo largo de mi carrera siempre me topé con momentos de angustia por culpa de una función (método) concreta de un array que no salía como debía salir o, directamente me rompía la aplicación sin más detalle.
Introducción
Generalmente con una búsqueda rápida en Internet sueles encontrar exactamente el método que necesitas, pero require de bastante tiempo mirar 2 o 3 páginas y probarlo dentro de la aplicación para ver si es lo que realmente necesitas. Y sin ir más lejos, el típico lenght() en vez de length() siempre suele aparecer de vez en cuando.
Esta semana volvió a surgir y me dije… «Martín, ¿por qué no hacer un chearsheet para tenerlo siempre a mano para no tener que buscar cada vez que pasa algo?»
Entonces, como me gusta hablar conmigo mismo porque sí que estoy un poco loco me respondí: «Pero si tienes un blog donde puedes guardar todas estas cositas que te van saliendo y seguro que a alguno de tus lectores les servirá para más adelante».
Y así lo hice. Espero que os ayude y prometo ir actualizándolo a medida que vayan surgiendo más.
¿Qué es un array?
Las variables en Javascript sólo permiten almacenar un dato a la vez. Sin embargo, dado que a menudo es útil manipular muchos datos, el concepto de variable es a veces insuficiente, porque resulta difícil gestionar un gran número de variables distintas.
Para remediarlo, Javascript propone una estructura de datos que permite almacenar todos estos datos en una «variable común»: el array.
Un array, en Javascript, es por tanto una variable que puede contener varios datos independientes, indexados por un número, llamado índice. El índice de un array es, por tanto, el elemento que permite acceder a los datos almacenados en él.
ARRAY PUSH()
El método push() añade uno o varios elementos al final de un array y devuelve el nuevo tamaño del array.
ARRAY SHIFT()
El método shift() elimina el primer elemento de un array y devuelve ese elemento. Este método cambia la longitud de un array.
ARRAY UNSHIFT()
El método unshift() añade uno o varios elementos al inicio de un array y devuelve la nueva longitud del array.
ARRAY LENGTH
Esto no es un método en sí, si no más bien una propiedad, pero es obligatorio, por lo menos para mí, exponerlo en este cheatsheet de arrays de Javascript.
ARRAY POP()
El método pop() elimina el último elemento de un array y devuelve ese elemento. Este método modifica la longitud de un array.
ARRAY FILTER()
El método filter() crea y devuelve un array que contiene los elementos que comprueban el filtro.
ARRAY MAP()
El método map() devuelve una nuevo array que contiene todos los elementos del array inicial sobre el que se llama a la función.
ARRAY FOREACH()
El método forEach() recorre los elementos de un array uno a uno para realizar una función.
ARRAY SLICE()
El método slice() devuelve un array que contiene una copia de una parte del array original, la porción está definida por un índice inicial y un índice final (excluidos). El array original no se modificará.
ARRAY CONCAT()
El método concat() se utiliza para fusionar uno o más arrays concatenándolos. Este método no modifica los arrays existentes, sino que devuelve un nuevo array que es el resultado de la operación.
ARRAY JOIN()
El método join() crea y devuelve una nueva cadena de caracteres concatenando todos los elementos de un array. La concatenación utiliza la coma u otra cadena, suministrada como argumento, como separador.
ARRAY REDUCE()
El método reduce() aplica una función que es un «acumulador» y que procesa cada valor del array (de izquierda a derecha) para reducirlo a un único valor.
ARRAY REVERSE()
El método reverse() invierte un array. El primer elemento de un array se convierte en el último, y el último elemento del array se convierte en el primero.
Conclusión
Y este es, por ahora, la lista de métodos que más suelo usar en el Javascript. Como ya comenté al principio del artículo, lo iré actualizando poco a poco hasta hacer una buena cheatsheet con los métodos de Arrays de Javascript.
