1 minuto de lectura

Buscar un elemento con el método find() de Javascript

El método find() retorna el primer valor de una array que cumpla con la condición que se haya definido. El método find() recorre cada elemento del array hasta que encuentre un valor true, he inmediatamente devuelve el primer valor. En caso contrario, devolverá undefined.

El uso de find() es muy sencillo, solo se requiere de una función simple o si es necesario también de algo más complejo.

const findElement = array.find(item => {
  return condition
})

El método find() es muy similar a filter(), excepto que solo devuelve un elemento.

Algunos ejemplos de uso

Buscar en un array de strings:

const items = ['a', 'b', 'c', 'd', 'e', 'f']

const result = items.find(item => item === 'c')

// 'c'

Buscar un objeto en un array por una de sus propiedades:

const fighters = [
  { name: 'Ryu', country: 'Japan' },
  { name: 'Chun-Li', country: 'China' },
  { name: 'Guille', country: 'USA' },
  { name: 'Ken', country: 'USA' }
]

const result = fighters.find(fighter => fighter.name.includes('Guille'))

// { name: 'Guille', country: 'USA' }