Aprende Búsqueda de Elementos en un Arreglo con el Método find()

Fundamentos de JavaScript

Desliza para mostrar el menú

Exploremos el método find(), incluyendo su sintaxis y aplicaciones, con ejemplos concretos que ilustran su funcionalidad.

find()

Mientras que el método filter() recorre un array para identificar todos los elementos que cumplen una condición, el método find() está diseñado específicamente para una única tarea: encontrar y recuperar el primer elemento que coincida. A continuación, se muestra su sintaxis:

array.find((element, index, array) => {
  // Callback body
});

Analicemos las características clave del método find():

El arreglo original permanece sin cambios;
Recorre el arreglo, examinando cada elemento;
El método se detiene al encontrar la primera coincidencia, devolviendo ese elemento específico;
Si no encuentra ningún elemento coincidente, el método retorna undefined.

Buscar una tarea por orden

En este ejemplo, el método 'find()' recupera la tarea mediante la clave 'order'.


              1234567891011
            
const tasks = [
  { order: 1, name: "Buy groceries" },
  { order: 2, name: "Walk the dog" },
  { order: 3, name: "Read a book" },
];

const firstTask = tasks.find((element) => element.order === 1);
console.log("First task:", firstTask.name); // Output: First task: Buy groceries

const secondTask = tasks.find((element) => element.order === 2);
console.log("Second task:", secondTask.name); // Output: Second task: Walk the dog