我有一个数组：
myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]
我无法更改阵列的结构。我收到了一个45的id，我想得到数组中该对象的“bar”。
如何在JavaScript或使用jQuery实现这一点？
当前回答
使用jQuery的过滤方法：
$(myArray).filter(function()
{
return this.id == desiredId;
}).first();
这将返回具有指定Id的第一个元素。
它还具有良好的C#LINQ格式的优点。
其他回答
上述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');
使用本机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
使用jQuery的过滤方法：
$(myArray).filter(function()
{
return this.id == desiredId;
}).first();
这将返回具有指定Id的第一个元素。
它还具有良好的C#LINQ格式的优点。
下面的代码将帮助您从数据中的嵌套对象中搜索值。
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)
}
})
}
}))
正如其他人所指出的，.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）；//找不到对象时未定义
