在 JavaScript / TypeScript 中使循环有点异步 / 等待

Question

我有一个从（Firestore）数据库中获取的用户对象数组，看起来类似于：

let users = [
  { name: 'max', role: 1, company_id: 14 },
  { name: 'steve', role: 3, company_id: 29 },
  { name: 'anna', role: 5, company_id: 124 }
];

有两个表 user_roles 和 companies 我需要从中获取数据，例如各自的角色名称或公司名称。我通过循环 users 数组并使用 observables 从 Firestore 获取数据来实现它。获取的数据将添加到相应的用户，因此我的 users 数组现在包含有关用户公司名称的信息。

for (let user of users) {

  // Define all observables
  const role_data = firebase.getRoleData(user.role);
  const company_data = firebase.getCompanyData(user.company_id);

  // Join observables to one stream
  const join_stream = combineLatest([role_data, company_data]);

  // Subscribe to that joined stream and fetch info
  join_stream.subscribe(([role_data, company_data]) => {
    user.role_name = role_data['role_name'];
    user.company_name = company_data['company_name'];
  });

}

有什么方法可以检测for 循环何时完成，以便我可以显示/隐藏加载微调器？我想过实现一个计数器来检查users 数组的长度，但这似乎不是一种优雅的方式。

我不必通过使用 rxjs 或类似的方法来解决，欢迎每个可行的解决方案或提示。也许一些异步的东西？没找到合适的。

提前谢谢你！

Answer 1

希望我理解正确。这是你要找的吗？

let users = [
  { name: 'max', role: 1, company_id: 14 },
  { name: 'steve', role: 3, company_id: 29 },
  { name: 'anna', role: 5, company_id: 124 }
];

for (let [i, user] of users.entries()) {

  // Define all observables
  // ...
  
  // Join observables to one stream
  // ...

  // Subscribe to that joined stream and fetch info
  // ...
  
  if (i+1 === users.length) {
    console.log('Finished!');
  }
}