Muchas veces perdemos tiempo escribiendo código que ya alguien se encargó de implementar. Los ejemplos son muchos pero en este artículo solo quiero hablarte de algunas funciones para arrays en JavaScript que te van a ayudar a ahorrar tiempo.

indexOf: Saber la posición de un elemento en un arreglo

En vez de escribir el ciclo básico para recorrer el arreglo e ir comparando con el elemnto que deseamos encontrar podemos simplemente utilizar este método de Js para el trabajo con arreglos. Su uso es bastante sencillo, veamos un ejemplo.

const arr = [
  1,
  2,
  5,
  2,
  7
];

console.log(arr.indexOf(2));

//1

El código anterior imprimirá en la consola el valor 1. Lo que significa que el 2 aparece en la posición número 1, asumiendo que los arreglos comienzan en la posición cero, el resultado es correcto. Te preguntarás: ¿También aparece en la posición 3? Y la respuesta a eso es que simplemente te retorna la posición donde aparece por primera vez.

Veamos otro ejemplo:

const arr = [
  1,
  2,
  5,
  2,
  7
];

console.log(arr.indexOf(-2));

//-1

Si ejecutas esto verás el valor -1, lo que significa que el -2 no se encuentra en el arreglo.

Resumiendo: retorna la primera posición donde aparece el elemento o -1 si no se encuentra. También se puede usar con un array de objetos obteniendo los mismos resultados.

find: Conocer el primer elemento que coincide con una condición

Este método es muy parecido al anterior, solo que en vez de retornar una posición te retorna el elemento en sí. En el siguiente ejemplo buscamos el primer elemento que sea par.

const arr = [
  1,
  2,
  5,
  4,
  7
];

function par(num){
    return num % 2 == 0;
}

console.log(arr.find(par));

//2

Al ejecutar obtendremos el número 2. Como puedes observar el método recibe una función, que retorna verdadero o falso, de ser verdadero para de buscar y retorna el elemento, en caso contrario sigue buscando.

filter: Obtén todos los elementos que coincide con un criterio

Esta función es la versión extendida del método anterior. Lo que hace es filtrar todos los elementos que coincidan con una condición. Vamos a escribir un ejemplo que busque todos los impares.

const arr = [
  1,
  2,
  5,
  4,
  7
];

function impar(num){
    return num % 2 == 1;
}

console.log(arr.filter(impar));

//[1, 5, 7]

Como resultado verás un arreglo que contiene todos los elementos que coinciden, en este caso será [1, 5, 7].

reverse: Invertir el orden del arreglo

Es bastante sencillo y lo que hace reverse() es exactamente eso, mira el ejemplo:

const arr = [
  1,
  2,
  5,
  4,
  7
];

console.log(arr.reverse());

//[7, 4, 5, 2, 1]

Imprimirá en la consola el arreglo al revés: [7, 4, 5, 2, 1].

concat: Unir dos o más arreglos

Para unir dos arreglos, o concatenarlos, no necesitas estar recorriendo, usando este método es realmente simple.

const impares = [
  1,
  5,
  7
];

const pares = [
  2,
  4,
  6
];

console.log(impares.concat(pares));

//[1, 5, 7, 2, 4, 6]

Como ves la sintaxis es arreglo1.concat(arreglo2);. Si en cambio queremos concaternar varios arreglos en una sola línea sería arreglo1.concat(arreglo2.concat(arreglo3));.

Post Original: https://iamraul.net/5-funciones-arrays-javascript