Locate the first element in an array that meets a specified condition using Java Script : find()

Parameters:

• callback: A function that is called for each element in the array. It should return true if the element meets the condition, otherwise false. It accepts up to three arguments:
  • element: The current element being processed in the array.
  • index (optional): The index of the current element being processed.
  • array (optional): The array find() was called upon.
• thisArg (optional): An optional object to be used as this when executing the callback function.

Return Value:

The first element in the array that satisfies the specified condition. If no element is found, undefined is returned.

Examples:

Let’s explore the find() method with detailed examples:

Example 1:

let numbers = [10, 20, 30, 40, 50];
let result = numbers.find((num) => num > 25);
console.log(result); // Output: 30

In this example, the find() method is used to locate the first element in the numbers array that is greater than 25. It returns 30, which is the first element that meets the condition.

Example 2:

let products = [
  { id: 1, name: 'Apple', price: 2.5 },
  { id: 2, name: 'Banana', price: 1.5 },
  { id: 3, name: 'Orange', price: 3.0 }
];
let expensiveProduct = products.find((product) => product.price > 2.0);
console.log(expensiveProduct); 
/* Output: 
{ id: 1, name: 'Apple', price: 2.5 }
*/

Here, the find() method is employed to locate the first product in the products array with a price greater than 2.0.

Example 3:

let students = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 20 }
];
let student = students.find((student) => student.age === 30);
console.log(student); 
/* Output: 
{ name: 'Bob', age: 30 }
*/

In this example, the find() method is utilized to locate the first student in the students array with an age of 30.