Using find(); to filter with javascript (First way)

findFirstWay.js

const dataToFilter = ['Blue', 'White', 'Red', 'Yellow'];

let filteredBlueItem = dataToFilter.find(item => item === 'Blue');

console.log(filteredBlueItem)

// Blue

let filteredBlackItem = dataToFilter.find(item => item === 'Black');

console.log(filteredBlackItem);

// undefined

findSecondWay.js

function findCreator(comparisonItem, key) {
  
  return (i) => i[key] === comparisonItem;
  
}

let items = [{id: 1, color: 'Blue'}, {id: 2, color: 'Red'}, {id: 3, color: 'Black'}];

let matchedItem = items.find(findCreator('Red', 'color'));

console.log(matchedItem);

// {id: 2, color: "Red"}

let secondMatchedItem = items.find(findCreator(3, 'id'));

console.log(secondMatchedItem);

// {id: 3, color: "Black"}

findThirdway.js

function finderFunction(item) {
 	return item.id === this.id; 
}

let list = [{id: 1}, {id: 2}, {id: 3}];

let found = list.find(finderFunction, {id: 2});

console.log(found);

// {id: 2}