Kак выполнить асинхронную итерация в map, forEach?

Question

[miliko mikoyan]

как выполнить асинхронную итерация в map, forEach ?

Comments

[Антон Спирин]

Что именно вы хотите сделать?
Если дождаться выполнения массива промисов после итерации, то используйте Promise.all.

[miliko mikoyan]

Антон Спирин вот у меня синхронный код как его сделать асинхронным

console.log("1");
console.log([1, 2, 3, 4, 5, 6].map(x => x + 1));
console.log("2");

codesandbox
правда что Итерации и так асинхронные ?

[RAX7]

miliko mikoyan,

console.log("1");
Promise.all([10, 20, 30, 40, 50, 60].map(async x => x + 1)).then(console.log);
console.log("2");

[miliko mikoyan]

RAX7, Почему 2 console.log

[RAX7]

miliko mikoyan, а сколько их по-твоему должно быть?

[miliko mikoyan]

RAX7, 1

Answer 1

[Fakeman Cat]

Если ты о том что

const someIDs = [1, 2, 3];

const users = someIDs.map(async(ID) => {
    const user = await getUser(ID);

    return user;
});

cosnole.log(users);

Выдаёт Promise pending
То тут стоит понимать, что асинхронная мапа - не лучший вариант для таких случаев.
Лично я в таких случаях использую for

(async() => {
    const someIDs = [1, 2, 3];

    const users = [];
    for (const ID of someIDs) {
        const user = await getUser(ID);

        users.push(user);
    }

    console.log(users);
})();

Answer 2

[Егор Живагин]

Итерации и так асинхронные
Если ты имеешь в виду асинхронную функцию-callback , то примерно так

array.forEach(async function() {
 ...
 await ...
})

Но это максимально плохое решение

Comments

[miliko mikoyan]

Итерации и так асинхронные ?.откуда вы взяли это ?

[Егор Живагин]

miliko mikoyan, итерация - повторное применение операции в серии аналогичных операций. Понятие "серия" говорит об асинхронности, разве нет?

[Ihor Bratukh]

Егор Живагин, нет, операции идут одна за другой в блокирующем режиме и код ниже не выполнится пока последеяя итерация не завершиться

[Егор Живагин]

Ihor Bratukh, да, это понятно
Всё, до меня наконец дошла суть вопроса)

Answer 3

[Andrey Suha]

тыц