Given an array of objects, find the object with a particular key

Question

Given an array of objects, what is the best way to find the object with a particular key in JS?

Using jQuery and underscoreJS is fine. I'm just looking for the easiest / least code answer.

Example: An array of objects, where each object has a "name". Find the object with a particular "name".

var people = [{name: "A"}, {name: "B"}, {name: "C"}];

My current solution: Pass in the array, the key (e.g. "name"), and the value (e.g. "C").

function getObject(myArray, searchKey, searchValue) {
  myArray.forEach(function(element){
    if (element[searchKey] == searchValue) {
      return element;
    }
  });
}

Too bad ES6 isn't really supported yet: return arr.find(el => el[searchKey] === searchValue); — Qantas 94 Heavy
– Qantas 94 Heavy, Commented Nov 4, 2014 at 5:05

thefourtheye · Accepted Answer · 2014-11-04 05:03:34Z

2

You can use Underscore.js's _.where function, like this

console.log(_.where(people, {
    "name": "C"
}));
# [ { name: 'C' } ]

This returns all the objects in the array, which exactly matches the object we pass as the second argument.

answered Nov 4, 2014 at 5:03

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Don P Over a year ago

Thanks @thefourtheye - I'll accept the answer when the timer is up. Do you also happen to know how I can delete this from the array? Looks like deletion requires me to know the index of the element in the array.

thefourtheye Over a year ago

@DonnyP You can use _.filter as shown in other answers, which will give a new array without the unwanted elements. So, we can ditch the old array and start using the new array.

Sashi Kant · Accepted Answer · 2014-11-04 05:12:25Z

1

You should go with grep of jQuery

var people = [{name: "A"}, {name: "B"}, {name: "C"}];

var obj1= jQuery.grep(people,function(n,i){return (n.name=='A')})

answered Nov 4, 2014 at 5:12

Sashi Kant

13.5k9 gold badges50 silver badges71 bronze badges

Comments

celeritas · Accepted Answer · 2014-11-04 05:14:43Z

1

Using _.filter:

var people = [{name: "A"}, {name: "B"}, {name: "C"}];

var filteredPeople = _.filter(people, function(obj){
    return obj['name'] == 'C';
});

console.log(JSON.stringify(filteredPeople)) // [{"name":"C"}]

If you want an array without the matched object(s), use _.reject:

var filteredPeople = _.reject(people, function(obj){
    return obj['name'] == 'C';
});

console.log(JSON.stringify(filteredPeople)) // [{name: "A"}, {name: "B"}]

edited Nov 4, 2014 at 5:14

answered Nov 4, 2014 at 5:09

celeritas

2,2892 gold badges19 silver badges28 bronze badges

1 Comment

T.J. Crowder Over a year ago

filter is only appropriate if you want an array of all matches. To find just one match, it would be _.find.

Asis Datta · Accepted Answer · 2014-11-04 05:23:45Z

0

Without any custom library you can also do this. Please take a look at the following code

var people = [{name: "A"}, {name: "B"}, {name: "C"}],
    match=function(element){
      return element.name==="A";
    };
console.log(people.filter(match));

But it is kind of static code . I don't know how to pass the key and value to the match() function.

answered Nov 4, 2014 at 5:23

Asis Datta

5733 silver badges12 bronze badges

Comments

T.J. Crowder · Accepted Answer · 2019-11-22 13:06:54Z

I'm surprised not to find the obvious answer here, so: To do that with Underscore, you'd use _.find:

function getObject(myArray, searchKey, searchValue) {
    return _.find(myArray, function(entry) { return entry[seachKey] === searchValue; });
}

You don't need Underscore for this, though; JavaScript's array type has find (as of ES5):

function getObject(myArray, searchKey, searchValue) {
    return myArray.find(function(entry) { return entry[searchKey] === searchValue; });
}

As of ES2015+, you can make it more concise with an arrow function and destructuring:

function getObject(myArray, searchKey, searchValue) {
    return myArray.find(({[searchKey]: value}) => value === searchValue);
}

Live example of that last one:

function getObject(myArray, searchKey, searchValue) {
    return myArray.find(({[searchKey]: value}) => value === searchValue);
}

const people = [{name: "A"}, {name: "B"}, {name: "C"}];
console.log(getObject(people, "name", "C"));

Collectives™ on Stack Overflow

Given an array of objects, find the object with a particular key

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Linked

Related