正如其他人所指出的，.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）；//找不到对象时未定义

上述findById函数的通用和更灵活版本：

// 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');

如果多次执行此操作，则可以设置映射（ES6）：

const map = new Map( myArray.map(el => [el.id, el]) );

然后，您可以简单地执行O（1）查找：

map.get(27).foo

由于您已经在使用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
}

尝试以下操作

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;
}

我认为最简单的方法是以下方法，但它在Internet Explorer 8（或更早版本）上不起作用：

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