Los métodos de JavaScript son funciones que se relacionan con un objeto en específico. Además, son una parte importante de la programación funcional, un estilo de programación en el que se utilizan funciones para ejecutar la mayoría de acciones. Dentro de la categoría de métodos, tenemos funciones que nos permiten manipular los elementos de un array o arreglo. En este post, te presentaremos uno de ellos: el método find en JavaScript.
¿Qué es el método find en JavaScript?
Al igual que los métodos forEach, map y filter, el método find en JavaScript es una función que nos permite manipular los elementos de un array. Piensa en estos métodos como si fueran una caja con un hueco de entrada y uno de salida. Nosotros introducimos en la caja un array o listado de elementos. Dentro de la caja, se ejecutan acciones que manipulan estos elementos: métodos. Finalmente, en el hueco de salida obtendremos otro array de elementos, transformados o reducidos según el método escogido.
Aunque esta metáfora funciona para la mayoría de métodos, ten presente que el método forEach no nos devuelve un nuevo array. Además, para todos los métodos deberemos utilizar el comando console.log para hacer que los elementos transformados se pinten en la pantalla.
Entonces, ¿qué hace el método find en JavaScript? Este método nos permite encontrar el primer elemento dentro del array original que cumpla con las condiciones de una función. Es decir, si, por ejemplo, tenemos un array de números y la función busca un número con un valor específico, entonces el método find de JavaScript nos devolverá el primer elemento en el listado que tenga dicho número.
Recuerda que un array y, en general, el código en programación se lee de izquierda a derecha y el índice de sus elementos empieza en el cero. Si tienes dudas sobre este tema y quieres aprender más al respecto, te invitamos a leer nuestro post sobre cómo funciona el índice de un array en JavaScript.
¿Cómo se escribe el método find en JavaScript?
Ahora que sabes cómo funciona el método find en JavaScript, te ponemos un ejemplo para que entiendas cómo se escribe. Entonces, supongamos que tenemos el siguiente array de edades:
const arrayEdades = [29, 18, 31, 5, 12, 16]
Con este array, queremos saber cuál es el primer elemento que es menor al número 15. Entonces, escribiremos el método de la siguiente manera:
arrayEdades.find (edad => edad < 15);
Ahora, si queremos pintar en la pantalla el resultado de este método, tendremos que aplicarle una variable y luego definir el comando console.log de dicha variable:
const foundEdades = arrayEdades.find (edad => edad < 15);
console.log (foundEdades);
Entonces, el resultado de esta operación será un 5 pintado en la pantalla. Aunque el número 12 también es menor a 15, el elemento 5 es el primer valor en el array que cumple con esta característica. Si quisieras encontrar la posición de este valor dentro del array, usarías el método findIndex o indexOf.
¿Quieres seguir aprendiendo?
Después de leer este post, sabes exactamente cómo funciona el método find en JavaScript. Es decir, ¡has aprendido un nuevo tema relacionado con este lenguaje de programación! De todas formas, ya sabes que el desarrollo web es un mundo muy amplio que requiere mucho más estudio y práctica para dominarlo.
Para que continúes aprendiendo, desde KeepCoding queremos ofrecerte nuestro Desarrollo Web Full Stack Bootcamp. Gracias a esta formación intensiva, en muy pocos meses podrás aprender a dominar JavaScript y otros lenguajes de programación y, además, aprenderás todo lo necesario para convertirte en un experto del desarrollo web. ¡No te pierdas esta oportunidad e inscríbete ahora para triunfar en el sector tecnológico!
