Métodos de arrays que debes conocer

A menudo, necesitamos utilizar una colección ordenada que nos permita almacenar una serie de datos, y que también nos permite manejar sus posiciones de manera secuencial, por lo cual tendremos un 1ero, un 2do, o 3ero, y así sucesivamente. Es por eso que en programación, utilizamos en nuestro dia a dia los Arrays (Arreglos) que nos permiten almacenar datos como elementos y regresarlo cuando los necesitemos.

En Javascript, los arreglos pueden ser una colección de elementos de diferentes tipos. Esto significa que podemos tener un arreglo de diferentes tipos, como String (Cadena), Number (Numérico), Booleano, Objetos, e inclusive otros arreglos. Recordemos que los arrays tienen determinadas posiciones para almacenar sus datos, y si queremos acceder a alguno en particular, simplemente debemos hacer referencia a esa posición en memoria.

En este artículo estaremos hablando un poco más sobre los arrays, y qué métodos necesitas tenerlos presentes para facilitar su manipulación.

Some()

El método some() retorna un valor (booleano) true en el caso de que se compruebe de que al menos un elemento del array cumpla con la condición que hayamos ingresado. En el caso de que ninguno de los elementos cumpla con la condición, nos retornara el valor (booleano) false.

Every()

El método every, es muy similar al método some(), que mencionamos anteriormente. Este metodo tambien nos devuelve un valor booleano (true|false) dependiendo si todos los elementos del array cumple con la condición ingresada. Veamos un ejemplo:

Find()

El metodo find(), como su nombre indica, es un metodo que busca la primera coincidencia de determinado valor o condicion. Algo importante por mencionar es que este metodo va a retornar el primer elemento que cumpla con dicha condicion, y dejara de iterar nuestro array. En el caso de que no encuentre ningun elemento que cumpla con dicha condicion, nos retornara “undefined”

Filter()

El método filter(), se encarga de buscar uno o varios elementos de nuestro array que cumpla con determinada condición, y los devuelve en un nuevo array. Una de las diferencia que podemos notar entre find() y filter(), es que este último nos retornara en un nuevo array todos los elementos que cumplan con cierta condición, a diferencia con el método find(), que solo buscará el primer elemento que cumpla con la condición, y lo retornara.

Map()

El método map() es uno de los métodos más conocidos y utilizados al trabajar con arrays. Fue incorporado en el lanzamiento de ES6 (ECMAScript 2015) y nos permite acceder y realizar diferentes acciones con cada uno de los elementos de un array. Al aplicar el método map() a un array, se crea y retorna un nuevo array resultante con la misma longitud que el original. Cada elemento del nuevo array es el resultado de aplicar una función dada a cada elemento correspondiente del array original, manteniendo así el orden de los elementos.

Concat()

El método concat() nos permite combinar dos o más arrays. Es importante destacar que este método no modifica el array original, sino que devuelve un nuevo array que contiene el resultado de la unión de los arrays.

Join()

El método join() nos permite concatenar y convertir todos los elementos de un array en una cadena de texto, separándolos con el separador que hayamos definido como parámetro.

Fill()

El método fill() se utiliza para rellenar un array o una porción específica del mismo con un valor determinado. Es importante destacar que este método modifica el array original. El método fill() acepta como parámetro el valor con el que se desea rellenar el array. Además, se pueden especificar opcionalmente los índices de inicio y fin para limitar la porción del array que se va a modificar. Si no se proporcionan los parámetros de inicio y fin, todo el array se llenará con el valor especificado como primer parámetro.

Push() y Pop()

Los métodos push() y pop() tienen como propósito agregar o eliminar uno o más elementos en la última posición de un array específico. Estos métodos se utilizan para modificar el array original, y al usarlos, obtendremos un nuevo array reflejando las modificaciones realizadas. El método push() se utiliza para agregar elementos al final del array y devuelve la nueva longitud del array después de agregar los elementos. Por otro lado, el método pop() se utiliza para eliminar el último elemento del array y devuelve el elemento eliminado.

Shift() y Unshift()

Los métodos shift() y unshift() se utilizan para agregar o eliminar elementos al principio de un array determinado. Al utilizar estos métodos, se obtiene un nuevo array con las modificaciones correspondientes. El método shift() se utiliza para eliminar el elemento en la posición 0 de un array determinado y devuelve el valor eliminado. Después de eliminar el primer elemento, los elementos restantes se desplazan hacia abajo para llenar el espacio vacío. Por otro lado, el método unshift() se utiliza para agregar uno o más elementos al principio de un array determinado. Este método devuelve la nueva longitud del array después de la adición de elementos.

Reduce()

Este metodo itera sobre un determinado array y, como su nombre lo indica, reduce sus elementos en un único valor. Recibe dos parámetros: una función reducer y un valor inicial para el acumulador. El reducer define cómo se realiza la combinación y toma dos argumentos: el acumulador y el elemento actual del array. Al finalizar, reduce() devuelve el valor combinado final.

En este artículo, hemos hablado de algunos de los métodos de array de los cuales disponemos en Javascript para poder realizar diferentes acciones en cuanto a arrays se trata. Por supuesto, contamos con mucho mas, y es muy interesante que puedan conocer más acerca de ellos. El tenerlos presentes, tanto su sintaxis como su funcionamiento te ayudará a resolver diversos problemas que se te presenten, de una forma más rápida y prolija.

Gracias por leerme hasta acá. Espero que esta info te haya sido de ayuda. 😉