Как реализовать промис в котором цикл с промисами js?

Question

[Concencuc]

вот мой код

const resUsers = [];

        await userRepository.find()
        .then((response: any) => {

            for (const user of response) {
                let userInfo = {
                    email: user.email,
                    age: user.age,
                    sex: user.sex,
                    tel: user.tel,
                    avatar: user.avatar
                };
                if (userInfo.avatar) {
                    imageToBase64(user.avatar)
                        .then((myBase64: any) => {
                            userInfo.avatar = 'data:image/jpeg;base64,' + myBase64;
                            resUsers.push(userInfo)
                        });
                } else {
                    resUsers.push(userInfo)
                }
                
            }
        }).then(() => {
            res.json(resUsers)
        })

но в resUsers пусто и res.json(resUsers) отсылает пустоту. Как правильно реализовать такую штуку?
Если поставить return imageToBase64(user.avatar)... то тогда отсылает правильно, но только первый элемент из response

Answer 1

[Алексей Ярков]

Во-первых что это за мешанина из await и then.
А во вторых почитайте про Promise.all. Он вам и поможет. Не получится - пишите в комментарии ))

Comments

[Concencuc]

вот полный код по первому

async getUsers(req: any, res: any) {
        const resUsers = [];

        await userRepository.find()
        .then((response: any) => {

            for (const user of response) {
                let userInfo = {
                    email: user.email,
                    age: user.age,
                    sex: user.sex,
                    tel: user.tel,
                    avatar: user.avatar
                };
                if (userInfo.avatar) {
                    return imageToBase64(user.avatar)
                        .then((myBase64: any) => {
                            userInfo.avatar = 'data:image/jpeg;base64,' + myBase64;
                            resUsers.push(userInfo)
                        });
                } else {
                    resUsers.push(userInfo)
                }
                
            }
        }).then(() => {
            res.json(resUsers)
        })
    }

promise.all как тут поможет? у меня перебор элементов response, с которыми мне уже внутри цикла нужно поработать с другим промисом

[Алексей Ярков]

Concencuc, как-то так я вижу. Писал в браузере, поэтому возможны ошибки ))

async function prepareUser(user: any, result: any[]): Promise<void> {
  let userInfo = {
    email: user.email,
    age: user.age,
    sex: user.sex,
    tel: user.tel,
    avatar: user.avatar,
  };

  if (!userInfo.avatar) {
    result.push(userInfo);

    return;
  }

  const base64 = await imageToBase64(user.avatar);

  userInfo.avatar = "data:image/jpeg;base64," + base64;
  result.push(userInfo);
}

async function getUsers(req: any, res: any): Promise<void> {
  const resUsers = [];
  const users = await userRepository.find();

  await Promise.all(users.map((user) => prepareUser(user, resUsers)));

  res.json(resUsers);
}

[Concencuc]

Алексей Ярков, вай, работает. Спасибо большое)

[Алексей Ярков]

Concencuc, на здоровье )