Método find en JavaScript

Autor: | Última modificación: 29 de julio de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

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!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Trabajo? Aprende a programar y consíguelo.

¡No te pierdas la próxima edición del Aprende a Programar desde Cero Full Stack Jr. Bootcamp!

 

Prepárate en 4 meses, aprende las últimas tecnologías y consigue trabajo desde ya. 

 

Solo en España hay más de 120.400 puestos tech sin cubrir, y con un sueldo 11.000€ por encima de la media nacional. ¡Es tu momento!

 

🗓️ Próxima edición: 13 de febrero

 

Reserva tu plaza descubre las becas disponibles.

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!