¿Cómo utilizar el método find de JavaScript?

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

¿Sabes utilizar el método find de JavaScript? La programación funcional es un estilo de programación en el que se intenta usar la mayor cantidad de funciones para ejecutar acciones de una manera eficiente e innovadora. En JavaScript, este estilo también involucra el uso de métodos, que son aquellas funciones que pertenecen a un objeto específico y nos permiten modificar sus elementos. En este post, te enseñaremos cómo utilizar el método find de JavaScript, uno de los métodos disponibles para modificar arrays.

¿Qué es el método find de JavaScript?

El método find de JavaScript funciona a partir de la definición de una prueba lógica que se escribe dentro de su paréntesis. Una vez definida esta situación, el método se encargará de encontrar el primer momento en el que es verdadera dentro de los elementos del array enunciado.

A diferencia de otros métodos para manipular los elementos de un array, como el método map en JavaScript, este método no nos devuelve un nuevo array.

A continuación, te presentamos un ejemplo:

[1, 10, 5, 6].find (val => val > 5)

En la línea de código anterior definimos la prueba lógica val > 5. Entonces, para utilizar el método find de JavaScript insertamos el comando .find después del array o del nombre del array. Este método recorrerá todos los elementos del array para encontrar el primer elemento que pase esta prueba. En nuestro caso, el primer valor mayor a cinco es 10. Este será el valor que nos devuelve el método. Como mencionamos antes, este método nunca nos devuelve un array, sino un solo elemento.

¿Qué sucede si, al utilizar el método find de JavaScript, no hay un elemento que pase la prueba lógica? En ese caso, obtendremos el valor undefined como resultado devuelto:

const arrayNúmeros = [16, 25, 158, 31]

const encontrar = arrayNúmeros.find (val => val > 1033)

console.log (encontrar)

// resultado esperado: undefined

¿Cómo utilizar el método find de JavaScript?

Además de encontrar valores numéricos, podemos utilizar el método find de JavaScript para encontrar distintos tipos de valores. Podemos, por ejemplo, usarlo para encontrar un string específico.

Supongamos que tenemos un array de equipos deportivos. Dentro de este array, queremos encontrar el equipo que está jugando un partido. Para ello, llamamos a las propiedades de la función play que hemos creado en nuestro post sobre programar un partido de fútbol en JavaScript.

Lo más sencillo en esta situación es crear una función que se encargue de encontrar el equipo en cuestión usando el método find. En general, desde KeepCoding te recomendamos que, cada vez que puedas, crees funciones que guarden las acciones a ejecutar. Esto te permitirá poder reutilizarlas más adelante con solo llamarlas por su nombre.

A continuación, te mostramos un ejemplo de cómo crearíamos esta función. En este ejemplo, el array de equipos se llama ‘teams’, y llamamos a las propiedades ‘name’ y ‘homeTeamName’ para definir la prueba lógica:

udpdateTeams (result)

const homeTeam = this.teams.find (team => team.name === result.homeTeamName)

const awayTeam = this.teams.find (team => team.name === result.awayTeamName)

Lo que hace la función anterior es buscar, entre todos los equipos del array, el primer equipo cuyo nombre sea igual al nombre del equipo local en la función de resultados. Lo mismo sucede con el equipo visitante. De este modo, también podemos utilizar el método find de JavaScript para encontrar valores tipo string.

¿Qué sigue?

Ahora que sabes cómo utilizar el método find de JavaScript, te invitamos a seguir aprendiendo con nosotros sobre todos los elementos que ofrece este lenguaje de programación. Para ello, te recomendamos echarle un vistazo a nuestro Desarrollo Web Full Stack Bootcamp, una formación intensiva donde aprenderás a dominar este y muchos otros lenguajes de programación para la web. ¿A qué esperas para unirte? ¡Te esperamos!

👉 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]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software 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! 

¿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!