即使在纯JavaScript中，也可以通过对数组使用内置的“filter”函数来实现这一点：

Array.prototype.filterObjects = function(key, value) {
    return this.filter(function(x) { return x[key] === value; })
}

所以现在只需用“id”代替key，用“45”代替value，就会得到与id 45匹配的完整对象。那就是，

myArr.filterObjects("id", "45");

使用本机Array.reduce

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

var found = array.reduce(function(a, b){
    return (a.id==id && a) || (b.id == id && b)
});

如果找到，则返回object元素，否则为false

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

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和对象将被共享。

动态缓存查找

在这个解决方案中，当我们搜索某个对象时，我们将其保存在缓存中。这是“始终搜索解决方案”和“为预先计算的每个对象创建哈希图”之间的中间点。

让cachedFind=（（）=>{let cache=new Map（）；return（arr，id，el=null）=>cache.get（id）||（el=arr.find（o=>o.id==id），cache.set（id，el），el）；})();// ---------//测试// ---------let myArray=[…Array（100000）].map（（x，i）=>（｛‘id‘：‘$｛i｝‘，‘foo‘：‘bar_$｛i｝‘｝））；//示例用法console.log（cachedFind（myArray，'1234'）.foo）；//基准让板凳=（id）=>{console.time（'time for'+id）；console.log（cachedFind（myArray，id）.foo）；//查找console.timeEnd（'time for'+id）；}console.log（'-----无缓存-----'）；工作台（50000）；工作台（79980）；工作台（99990）；console.log（'-----缓存-----'）；工作台（79980）；//高速缓存的工作台（99990）；//高速缓存的

使用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）来转换代码。

正如其他人所指出的，.find（）是在数组中查找一个对象的方法。但是，如果无法使用此方法找到对象，则程序将崩溃：const myArray=[｛'id'：'73'，'o'：'bar'｝，｛'id'：'45'，'o'：'bar'｝]；const res=myArray.find（x=>x.id=='100'）.foo；//噢！/*错误：“Uncaught TypeError:无法读取未定义的属性'foo'”或在较新的chrome版本中：Uncaught TypeError:无法读取未定义的的财产（读取“foo”）*/

这可以通过在使用.foo之前检查.find（）的结果是否已定义来解决。Modern JS允许我们通过可选链接轻松完成这一点，如果找不到对象，则返回undefined，而不是崩溃代码：

const myArray=[｛'id'：'73'，'o'：'bar'｝，｛'id'：'45'，'o'：'bar'｝]；const res=myArray.find（x=>x.id=='100'）？。foo；//没有错误！console.log（res）；//找不到对象时未定义