在JavaScript对象数组中按id查找对象

我有一个数组：

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

我无法更改阵列的结构。我收到了一个45的id，我想得到数组中该对象的“bar”。

如何在JavaScript或使用jQuery实现这一点？

当前回答

虽然这里有很多正确的答案，但很多答案都没有解决这样一个事实：如果不止一次，这是一个不必要的昂贵操作。在极端情况下，这可能是导致实际性能问题的原因。

在现实世界中，如果您正在处理大量项目，并且性能是一个问题，那么最初构建查找要快得多：

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

var lookup = items.reduce((o,i)=>o[i.id]=o,{});

然后，您可以在固定时间内获得以下项目：

var bar = o[id];

您也可以考虑使用Map而不是对象作为查找：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map

其他回答

在现实世界中，如果您正在处理大量项目，并且性能是一个问题，那么最初构建查找要快得多：

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

var lookup = items.reduce((o,i)=>o[i.id]=o,{});

然后，您可以在固定时间内获得以下项目：

var bar = o[id];

您也可以考虑使用Map而不是对象作为查找：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map

最短，

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

使用find（）方法：

myArray.find(x => x.id === '45').foo;

来自MDN：

如果数组中的元素满足所提供的测试函数，find（）方法将返回数组中的第一个值。否则返回undefined。

如果要查找其索引，请使用findIndex（）：

myArray.findIndex(x => x.id === '45');

来自MDN：

findIndex（）方法返回数组中满足所提供测试函数的第一个元素的索引。否则返回-1。

如果要获取匹配元素的数组，请改用filter（）方法：

myArray.filter(x => x.id === '45');

这将返回一个对象数组。如果要获取foo财产数组，可以使用map（）方法：

myArray.filter(x => x.id === '45').map(x => x.foo);

附带说明：旧浏览器（如IE）不支持find（）或filter（）和arrow函数等方法，因此如果您想支持这些浏览器，应该使用Babel（带有polyfill）来转换代码。

另一种解决方案是创建查找对象：

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

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

如果需要进行多次查找，这一点尤其有趣。

这将不需要更多的内存，因为ID和对象将被共享。

查找数组索引的方法：

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

推荐文章