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

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

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

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

map.get(27).foo

更通用和简短

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

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

从aggaton的答案开始，这是一个实际返回所需元素（如果找不到则返回null）的函数，给定数组和一个回调函数，该函数返回“正确”元素的truthy值：

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

请记住，这在IE8-上本就不起作用，因为它不支持某些功能。可以提供polyfill，或者总是有经典的for循环：

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

它实际上更快、更紧凑。但如果你不想重新发明轮子，我建议使用下划线或lodash之类的实用程序库。

尝试以下操作

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

你可以试试Sugarjshttp://sugarjs.com/.

它在Arrays上有一个非常好的方法，.find。所以你可以找到这样的元素：

array.find( {id: 75} );

您还可以向其传递具有更多财产的对象，以添加另一个“where-clause”。

请注意，Sugarjs扩展了本地对象，有些人认为这非常邪恶。。。