Javascript проблемы с асинхронными объектами

Question

Я пытаюсь отфильтровать некоторые данные, которые я получаю от объекта JSON, например:

if (this.targetaudiencefilter == 'prezent') {
  targetaudience = $.extend(true, {}, this.OrganizationMetadata.targetaudience)

  for (const key in targetaudience) {
    targetaudience[key].audience = Object.keys(targetaudience[key].audience).reduce(function(presentlist) {
      prezentaudience = Object.values(ParticipationList.UsersMetadata).filter(e => e.task.attendance == '30');
      for (let item in prezentaudience) {
        presentlist[prezentaudience[item].id] = prezentaudience[item].firstname;
      }
      return presentlist;
    }, {});

  }
}

У объекта, который я получаю данные из OrganizationMetadata.targetaudience, всего 20 записей, и из фильтрации я получаю 5 записей на targetaudience, что правильно, но targetaudience показывает 5 записей, даже если I console.log перед блоком for (если я удалю блок for, он покажет 20).

Есть идеи, что вызывает это? Это вообще как-то связано с асинхронизацией?