我有一个数组：
myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]
我无法更改阵列的结构。我收到了一个45的id，我想得到数组中该对象的“bar”。
如何在JavaScript或使用jQuery实现这一点？
当前回答
下面的代码将帮助您从数据中的嵌套对象中搜索值。
const updatedData = myArrayOfObjects.filter((obj: any) => Object.values(obj).some((val: any) => {
if (typeof (val) == typeof ("str")) {
return val.toString().includes(Search)
} else {
return Object.values(val).some((newval: any) => {
if (newval !== null) {
return newval.toString().includes(Search)
}
})
}
}))
其他回答
我认为最简单的方法是以下方法，但它在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
查找数组索引的方法：
index = myArray.map((i) => i.id).indexOf(value_of_id);
item = myArray[index];
即使在纯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");
从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之类的实用程序库。
我们可以使用Jquery方法$.each（）/$.grep（）
var data= [];
$.each(array,function(i){if(n !== 5 && i > 4){data.push(item)}}
or
var data = $.grep(array, function( n, i ) {
return ( n !== 5 && i > 4 );
});
使用ES6语法：
Array.find, Array.filter, Array.forEach, Array.map
或使用Lodashhttps://lodash.com/docs/4.17.10#filter强调https://underscorejs.org/#filter
