Binary Coffee

Funciones para arrays en JavaScript: Poco c贸digo y sencillas [2021]

algorithms javascript

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

Opiniones