Arrays

Array.prototype.find()

Get the first item in an array that satisfies a conditions you specify in a callback function. If no match is found, it returns undefined.

The callback accepts an argument that represents the current item as the method loops through the array. It should return a boolean value (true or false).

let sandwiches = ['turkey', 'tuna', 'ham', 'pb&j'];

// logs "turkey"
let turkey = sandwiches.find(function (sandwich) {
	return sandwich === 'turkey';
});
console.log(turkey);

// logs "ham"
// "pb&j "also has 3 letters, but "ham" shows up first in the array
let threeLetters = sandwiches.find(function (sandwich) {
	return sandwich.length === 3;
});
console.log(threeLetters);

⏰ Preorder my new course on Web Components! Want to learn how to build Web Components from scratch, master best practices, and more? Preorder today and get $100 off of the launch price.

Find this useful? You can support my work by purchasing an annual membership.