4 métodos de los arrays que usaras a diario

Un array , es un objeto que se utiliza para almacenar datos. Los datos pueden ser de cualquier tipo. Por ejemplo, strings, números, objetos o incluso pueden ser otros arrays. Una de las razones por la cual los arrays son importantes, es porque permiten almacenar una gran cantidad de información en una sola variable.

Como los arrays son relevantes dentro de JavaScript , este lenguaje ofrece múltiples métodos que permiten trabajar con ellos. Estos métodos son bloques de código que contiene instrucciones dentro de ellos, y cada instrucción tienen como objetivo realizar una tarea en específico.

Para conocer más acerca de los arrays puedes visitar el curso básico de JavaScript en Platzi.

Conoce los 4 métodos de los arrays más usados

Existen alrededor de 45 métodos de los arrays. En este blog nos enfocaremos en los 4 de los métodos más usados, estos son, find, filter, sort y reduce.

Método find

El método find, crea un nuevo array con el valor del primer elemento de un arreglo que retorne true a una función de prueba dada.

A continuación, vamos a ver un ejemplo. En este ejemplo, se tiene un array que contiene números.

Basándonos en el ejemplo visto anteriormente, lo que va a hacer el método find , es recorrer el arrays lista y crear un nuevo array con el primer elemento que su valor sea mayor a 1.

Si se ejecuta un console.log con el array nuevaLista , este sería el resultado.

const nuevaLista = [ 2 ];

Método filter

El método filter , lo que hace es filtrar los elementos de un array , y crear uno nuevo con aquellos elementos que cumplan con la condición implementada por la función de prueba.

Al final del proceso, los elementos del array nuevaLista serian los siguientes: 2, 5, 6, 8.

const nuevaLista = [ 2, 5, 6, 8, ];

El método filter , tiene similitud con el método find , lo que diferencia al uno del otro, es que el método filter, crea un nuevo array con todos los elementos que retornen true a la función de prueba , y el método find , forma un nuevo array solo con el primer elemento que cumpla con esta condición.

Método sort

El método sort , se usa para ordenar los elementos de una lista. Este ordenamiento puede ser de tipo alfabético o numérico.

Al igual que los métodos que ya vimos, este utiliza una función de prueba como argumento.

La forma en que esta función de prueba funciona es la siguiente: Si A - B = 1  o a cualquier número positivo, significa que  A es mayor que B , por lo tanto, deben cambiar de posición. Pero si  B es mayor que A , deben conservar sus posiciones. A siempre va a iniciar siendo el primer elemento del array y B inicia siendo el segundo elemento.

A continuación vamos a analizar un ejemplo. En este ejemplo tenemos una array que contiene elementos numéricos.

Al final del proceso, este sería el nuevo orden de la lista: 0, 1, 2, 5, 6, 8.

const nuevaLista = [ 0, 1, 2, 5, 6, 8, ];

Método reduce

El método reduce , recorre un array y genera uno nuevo con la suma de todos los valores que están guardados dentro del array inicial .

Reduce, también recibe una función de prueba. Esta a su vez recibe 2 argumentos, el primero es el valor acumulado, que inicia en 0 por defecto, y el segundo es el nuevo valor, que siempre inicia siendo el primer elemento del array. De esta manera iniciará una iteración que finalizara cuando el nuevo valor termine de recorrer todos los elementos del array..

A continuación, veremos un ejemplo donde sele aplicara este método a un array.

Al final del proceso, el array nuevaLista , guardará un elemento que tendrá como valor 22.

Si estás interesado en aprender más acerca de los métodos de los arrays, te invito a tomar el Curso de Manipulación de Arrays en JavaScript en Platzi.