动态创建的对象在试图访问其键值时返回未定义的
我有一个像这样的学生对象..。
{
Freshmen: [{id: 3}, {id: 5}],
Sophomores: [{id: 2}, {id: 6}],
Juniors: [{id: 1}, {id: 8}],
Seniors: [{id: 9}, {id: 4}, {id: 7}]
}我需要根据数组中的in查找学生。我需要返回的是一个看上去完全相同的对象，但是这里没有只包含I的对象，而是从数据库中检索了完整的对象。
在我的角component.ts文件中，我试图以下列方式这样做.
private getStudents(obj) {
const result = {};
for (const key of Object.keys(obj)) {
obj[key].map(item => {
this.studentsService.geStudentById(item.id).subscribe(res => {
result[key] = [];
result[key].push(res);
});
});
}
return result;
}我在组件中注入了一项服务。服务有一个通过id获取学生的方法，我在getStudents()中调用服务方法。该服务返回相应的学生对象，然后我将其推入数组中。
稍后，我将调用该函数并将结果分配给一个变量studentDetails，如下所示.
this.studentDetails = this.getStudents(studentObj);一切看起来都很顺利除了我试着做的时候..。例如console.log(this.StudentDetails.Freshmen);，我得到了undefined。
我这样做是正确的还是有更好的方法我可以处理它，比如可能使用arr.reduce()而不是arr.map()？尽管我已经尝试了减缩，但由于某种原因，它只返回一个项。你的帮助将不胜感激。
回答 2
Stack Overflow用户
发布于 2018-12-11 13:22:39
问题是return语句是在异步getStudentById()请求完成之前执行的。
我建议使用RxJS，然后将您的请求压缩到一起，并在得到来自请求的所有结果后对数据执行一些操作。
使用RxJS，您的函数可以如下所示：
private getStudents(obj) {
const result = {};
// Array to store all the observables
let observables: Observables<void>[] = [];
// Generate all the observables with the respective parameters
for (const key of Object.keys(obj)) {
obj[key].map(item => {
observables.push(
this.studentsService.geStudentById(item.id)
.map(res => {
result[key] = [];
result[key].push(res);
});
});
);
}
// Zip them together and wait for all of them to emit a value
of(...observables)
.pipe(zipAll())
.subscribe(() => {
return result;
});
}此外，从性能上讲，最好是一次获取所有学生，然后过滤，而不是只为一个学生发出多个请求(取决于学生的人数)。
Stack Overflow用户
发布于 2018-12-11 13:18:07
在返回result之前，您正在异步调用一个。正在发生的情况是，在完成所有请求之前，您的函数正在返回一个空对象{}。
您需要这样的东西(需要重构)：
function getStudents(obj) {
const result = {};
const requests= [];
for (const key of Object.keys(obj)) {
obj[key].forEach(item => {
let currentRequest = this.studentsService.geStudentById(item.id)
.subscribe(res => {
result[key] = [];
result[key].push(res);
});
requests.push(currentRequest)
});
}
return Observable.forkJoin(...requests).subscribe(() => {
return result;
})}
然后像这样设置studentDetails支柱：
this.getStudents(studentObj).subscribe(result => this.studentDetails = result)
https://stackoverflow.com/questions/53724517
复制相似问题
腾讯云开发者
