Front-end engineers work closely with designers to make websites beautiful, functional, and fast.

Front-End Engineer

Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.

Learn JavaScript

Returns the first element in the array that satisfies the given function.


The **`.find()`** method returns the first element in the array that satisfies the given function.

## Syntax

```pseudo
array.find(function);
```

The `function` is a [callback](https://www.codecademy.com/resources/docs/javascript/callbacks) that is applied to each element as the `array` is traversed. If no valid element is found, `undefined` is returned.

## Example

Finding the first temperature that's over 90&deg;:

```js
const temperature = [72, 87, 92, 90, 85, 88, 81];

const hot = temperature.find((element) => element >= 90);

console.log(hot);
// Output: 92
```

## Codebyte Example

The following example finds the first person under 21 years old in the `peopleInLine` array:

```codebyte/javascript
const peopleInLine = [21, 22, 20, 24, 22];

const underAge = peopleInLine.find(element => element < 21);

console.log(underAge);
```


.at()

.concat()

.copyWithin()

.every()

.filter()

.find()

.findIndex()

.findLast()

.findLastIndex()

.flatMap()

.forEach()

.includes()

.indexOf()

.isArray()

.join()

.lastIndexOf()

.length

.map()

.pop()

.push()

.reduce()

.reverse()

.shift()

.slice()

.some()

.sort()

.splice()

.toReversed()

.toSorted()

.toSpliced()

.toString()

.unshift()

.valueOf()

.values()

.with()

flat()

reduceRight()

JavaScript Terms

Back to JavaScript

JavaScript

JavaScript .find()

Syntax

Example

Codebyte Example

All contributors

Contribute to Docs

Learn JavaScript on Codecademy

Front-End Engineer

Learn JavaScript

Resources

Support

Resources

Support

Plans

Community

Subjects

Languages

Career building

Mobile

Mobile