JavaScript Array find()

Last Updated On
Saturday 2nd Jul 2022

JavaScript ArrayFind

The find() method returns the value of the first array element that satisfies the provided test function.

Syntax

	arr.find(callback(element, index, arr),thisArg)
	
  • arr – An array.

Parameters

  • callback – A callback function to test each element of the array.
  • element – The current element of the array.
  • index – Optional. The index of the current element within the array.
  • arr – Optional. A reference to the original array.
  • thisArg – Optional. A parameter that will be used as this within the callback function.

Returns

Returns the value of the first element in the array that satisfies the given function. Returns undefined if none of the elements satisfy the function.

find in javascript

Using find() method

	const names = [ 
  "Adam", 
  "Benny", 
  "Zen", 
  "Joey" 
];

const output = names.find(name => name.startsWith("B"));

console.log(output)
	

Output

	Benny
	

find() with Object elements

	const names = [ 
    { name : "Adam", grade : 8.5 },
    { name : "Benny", grade : 7.5 },
    { name : "Zen", grade : 9.5 },
    { name : "Joey", grade : 6.5 }
];

const output = names.find(({ grade }) => grade > 8.5);

console.log(output)
	

Output

	{ name: 'Zen', grade: 9.5 }
	

Note:The find() method does not modify the original array.

	const students = [ 
    { name : "Adam", age : 18 },
    { name : "Benny", age : 17 },
    { name : "Zen", grade : 19 },
    { name : "Joey", grade : 21 }
];

function isAdult({ age }) {
  return age >= 18;
}

const output = students.find(isAdult);

console.log(output)
	

Output

	{ name: 'Adam', age: 18 }
	

Browser Support

find() is an ES6 feature. It is supported in all modern browsers.

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes
array find javascript
javascript array find
find javascript
javascript find in array
javascript find
array search javascript
array search js
javascript array search
javascript search in array
find in array
javascript search array
array find
find js
js find