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 <iframe width="100%" height="315" src="https://www.youtube.com/embed/cHL9krkPNNU?start=9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 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 <iframe width="100%" height="315" src="https://www.youtube.com/embed/RCTO1ywaLSM?start=9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 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. <iframe width="100%" height="315" src="https://www.youtube.com/embed/yKoP-HaX_Gs?start=9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> ``` 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