Javascript find

Te enseñamos a utilizar la función find() sobre un array en Javascript. Esta función nos permite encontrar el primer elemento de un array que satisfaga una condición determinada.

Introducción y sintaxis

La sintaxis para el uso de la función find() es la siguiente:

array.find(funcion(valorActual, indice, array),esteValor)

En ES6 se introduce el método find() que se añade al objeto Array.prototype.

Argumentos

• Funcion: Es obligatorio, define la función que va a ejecutarse sobre cada elemento del array.
  • valorActual: Obligatorio, es el valor actual que se está procesando en el array.
  • indice: Posición del elemento actual, es opcional.
  • array: Opcional.
• esteValor: El propio objeto usado en la llamada. También opcional.

Valor de retorno

El método find() Javascript ejecuta la función pasada como parámetro sobre cada elemento del array hasta que la función devuelva un valor verdadero. En caso de que se encuentre el valor la función find dejará de buscar, en caso de que el valor no se encuentre devolverá undefined.

Si necesitas devolver la posición del elemento puedes usar la función findIndex().

Ejemplos de uso de find() Javascript

Encontrar el primer elemento par de un array

let numeros = [1, 8, 2, 5, ];

console.log(numeros.find(elemento => elemento % 2 == 0));

La salida será la siguiente:

8

Encontrar un producto con un precio determinado

let productos = [{
    nombre: 'cepillo',
    precio: 150
}, {
    nombre: 'estanteria',
    precio: 400
}, {
    nombre: 'mesa',
    precio: 600
}];

console.log(productos.find(p => p.precio > 200));

Salida:

{ nombre: 'estanteria', precio: 400 }

---

Más funciones sobre arrays

shift()	Devolver elemento modificando el array
slice()	Devolver un rango de elementos del array
splice()	Añadir y eliminar elementos
find()	Encontrar un elemento en base a una función
some()	Ejecuta un test sobre un array, si algún elemento pasa el test devuelve verdadero

Más recursos JS

Prototype	Añadir propiedades de forma dinámica a un objeto
toLocaleString	Herramienta esencial para el formateo de fechas y números en aplicaciones internacionales
Recursividad y pila	Uso de recursividad y funcionamiento de la pila JS
Desestructuración	Mecanismo para desempaquetar arrays y objetos
Manejo de Strings	Manejo básico de Strings, cadenas de caracteres
Operadores	Uso de operadores de comparación y lógicos
Promesas	Gestión de peticiones asíncronas con promesas
Sleep	Implementación de la función sleep() en JS
This	Uso de la palabra reservada this en diferentes contextos
Maps	Te enseñamos cuando usar Map y cuando Object con ejemplos
Switchery JS	Librería para modificar el estilo de los checkbox
Mejores libros Javascript Español	Encuentra los mejores libros para aprender JS y convertirte en el desarrollador más demandado.
Exception JS	Manejo de excepciones en Javascript, control de errores y flujo de programa.
Obfuscator Javascript	Protege tu código Javascript Ofuscándolo
Javascript desde cero	Aprende los conceptos básicos de Javascript, ponte en marcha.
Lodash	Lodash hace que la manipulación de datos en JavaScript sea más fácil y menos propensa a errores
Formatdate JS	Formateo y trabajo con fechas en javascript de forma sencilla.
Dayjs	Biblioteca para la gestión de fechas
padStart	Maneja cadenas de texto con la función padStart()