Search an array of JavaScript objects for an object with a matching value

Question

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 1

This solution may helpful as well:

Array.prototype.grep = function (key, value) { var that = this, ret = []; this.forEach(function (elem, index) { if (elem[key] === value) { ret.push(that[index]); } }); return ret.length < 2 ? ret[0] : ret; }; var bar = myArray.grep("id","45"); 

I made it just like $.grep and if one object is find out, function will return the object, rather than an array.

Answer 2

Starting from aggaton's answer, this is a function that actually returns the wanted element (or null if not found), given the array and a callback function that returns a truthy value for the "correct" element:

function findElement(array, callback) { var elem; return array.some(function(e) { if (callback(e)) { elem = e; return true; } }) ? elem : null; }); 

Just remember that this doesn't natively work on IE8-, as it doesn't support some. A polyfill can be provided, alternatively there's always the classic for loop:

function findElement(array, callback) { for (var i = 0; i < array.length; i++) if (callback(array[i])) return array[i]; return null; }); 

It's actually faster and more compact. But if you don't want to reinvent the wheel, I suggest using an utility library like underscore or lodash.

Answer 3

Shortest,

var theAnswerObj = _.findWhere(array, {id : 42}); 

Answer 4

The below code will help you to search values from nested objects also in your data.

const updatedData = myArrayOfObjects.filter((obj: any) => Object.values(obj).some((val: any) => { if (typeof (val) == typeof ("str")) { return val.toString().includes(Search) } else { return Object.values(val).some((newval: any) => { if (newval !== null) { return newval.toString().includes(Search) } }) } })) 

Answer 5

Consider "axesOptions" to be array of objects with an object format being {:field_type => 2, :fields => [1,3,4]}

function getFieldOptions(axesOptions,choice){ var fields=[] axesOptions.each(function(item){ if(item.field_type == choice) fields= hashToArray(item.fields) }); return fields; } 

Answer 6

My way to find index of array:

index = myArray.map((i) => i.id).indexOf(value_of_id); item = myArray[index]; 

Answer 7

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.