Find object by id in an array of JavaScript objects

javascript jquery arrays javascript-objects
thugsb picture thugsb · Sep 9, 2011 · Viewed 1.6M times · Source

I've got an array:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

I'm unable to change the structure of the array. I'm being passed an id of 45, and I want to get 'bar' for that object in the array.

How do I do this in JavaScript or using jQuery?

Answer

Guffa picture Guffa · Sep 9, 2011

As you are already using jQuery, you can use the grep function which is intended for searching an array:

var result = $.grep(myArray, function(e){ return e.id == id; });

The result is an array with the items found. If you know that the object is always there and that it only occurs once, you can just use result[0].foo to get the value. Otherwise you should check the length of the resulting array. Example:

if (result.length === 0) {
  // no result found
} else if (result.length === 1) {
  // property found, access the foo property using result[0].foo
} else {
  // multiple items found
}

Related questions

Converting JavaScript object with numeric keys into array

I have an object like this coming back as a JSON response from the server: {"0":"1","1":"2","2":"3","3":"4"} I want to convert it into a JavaScript array like this: ["1","2","3","4"] Is there a best way to do this? Wherever I am reading, people are …

Read More
Get all keys of a JavaScript object

I was wondering if there was a quick way to extract keys of associative array into an array, or comma-separated list using JavaScript (jQuery is ok). options = {key1: "value1", key2: "value2"}; Result should be the array: ["key1", "key2"] or just …

Read More
how to check if all object keys has false values

JS Object: var saver = { title: false, preview: false, body: false, bottom: false, locale: false }; The question is how to check if all values is false? I can use $.each() jQuery function and some flag variable, but there may be a …

Read More