更通用和简短

function findFromArray(array,key,value) {
        return array.filter(function (element) {
            return element[key] == value;
        }).shift();
}

在您的示例中，Ex.varelement=findFromArray（myArray，'id'，45），它将为您提供整个元素。

即使在纯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");

由于您已经在使用jQuery，因此可以使用grep函数来搜索数组：

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

结果是找到项的数组。如果您知道对象始终存在，并且它只出现一次，那么只需使用result[0].foo获取值。否则，应检查结果数组的长度。例子：

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
}

动态缓存查找

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

让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）；//高速缓存的

只要浏览器支持ECMA-262，第5版（2009年12月），这应该可以工作，几乎只有一行：

var bFound = myArray.some(function (obj) {
    return obj.id === 45;
});

ECMAScript 2015（JavaScript ES6）提供find（）数组上的方法：

var myArray=[｛id:1，name:“bob”｝，｛id:2，名称：“dan”｝，｛id:3，名称：“barb”｝，]//抓取与id“2”匹配的Array项var item=myArray.find（item=>item.id===2）；//打印console.log（item.name）；

它在没有外部库的情况下工作。但是，如果您想要更旧的浏览器支持，您可能需要包含此polyfill。