Find object by id in array of javascript objects

Try the following

function findById(source, id) {
  for (var i = 0; i < source.length; i++) {
    if (source[i].id === id) {
      return source[i];
    }
  }
  throw "Couldn't find object with id: " + id;
}

Another solution is to create a lookup object:

var lookup = {};
for (var i = 0, len = array.length; i < len; i++) {
    lookup[array[i].id] = array[i];
}

... now you can use lookup[id]...

This is especially interesting if you need to do many lookups.

This won't need much more memory since the IDs and objects will be shared.

I think the easiest way would be the following, but it won't work on IE8-:

var result = myArray.filter(function(v) {
    return v.id === '45'; // filter out appropriate one
})[0].foo; // get result and access foo property

Underscore.js has a nice method for that:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'},etc.]
obj = _.find(myArray, function(obj) { return obj.id == '45' })

Iterate over any item in the array. Every item you visit, check that item's id. If it's a match, return it

If you just want teh codez:

function getId(array, id) {
    for (var i = 0, len = array.length; i < len; i++) {
        if (array[i].id === id) {
            return array[i];
        }
    }
    return null; //nothing found
}

And the same thing using ES5's Array methods:

function getId(array, id) {
    var obj = array.filter(function (val) {
        return val.id === id;
    });
    //filter returns an array, and we just want the matching item
    return obj[0];
}

Use the filter method of jQuery:

 $(myArray).filter(function()
 {
     return this.id == desiredId;
 }).first();

That will return the first element with the specified Id.

It also has the benefit of a nice C# LINQ looking format.

You can get this easily using the map() function:

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

var found = $.map(myArray, function(val) {
    return val.id == 45 ? val.foo : null;
});

//found[0] == "bar";

working example: http://jsfiddle.net/hunter/Pxaua/

A generic and more flexible version of the findById function above:

// array = [{key:value},{key:value}]
function objectFindByKey(array, key, value) {
    for (var i = 0; i < array.length; i++) {
        if (array[i][key] === value) {
            return array[i];
        }
    }
    return null;
}

var array = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}];
var result_obj = objectFindByKey(array, 'id', '45');

You may try out Sugarjs from http://sugarjs.com/.

It has a very sweet .find method on Arrays. So you can find an element like this:

array.find( {id: 75} );

you may also pass an object with more properties to it to add another "where-clause"

Note that Sugarjs extends native objects, Some people consider this very evil...

var retObj ={};
$.each(ArrayOfObjects, function (index, obj) {

        if (obj.id === '5') { // but i have some issue here it is not   
                              // working for some reason number === "number" not working.
            retObj = obj;
        }
    });
return retObj;

It shoud return object by id.