Here I'm defining a function using .find() method, and it should return { name: 'Adidas', price: 95 }.Anyone knows why it returns 'undefined' instead?
var shoes = [
{ name: 'Nike', price: 200 },
{ name: 'Red Wings', price: 250 },
{ name: 'Vans', price: 150 },
{ name: 'Converse', price: 160 },
{ name: 'Reebok', price: 130 },
{ name: 'New Balance', price: 175 },
{ name: 'Adidas', price: 95 },
{ name: 'Keds', price: 140 },
{ name: 'Crocs', price: 135 }
];
const findWhere = function (array, criteria) {
const key = Object.keys(criteria)[0];
criteria = criteria[key];
const result = array.find(ele => ele.key === criteria);
return result;
};
const myShoe = findWhere(shoes, {price: 95});
console.log(myShoe);
You've used ele.key which accesses the literal key property on ele.
And since there is no key property on any of these objects:
{ name: 'Crocs', price: 135 }
ele.key is always undefined, meaning you get no matches.
Use brackets like you had earlier (criteria = criteria[key];):
const result = array.find(ele => ele[key] === criteria);
// ^ ^
Replace ele.key to ele[key]
const result = array.find(ele => ele[key] === criteria);