Телеграмм чат группы js

Асинхронный .map

Возникла необходимость произвести асинхронную операцию внутри метода .map. На первый взгляд, решение очевидное: объявляем коллбэк асинхронным:


const newData = oldData.map(async (element) => {
    return await asyncOperation(element)
})

Но на выходе мы получаем массив промисов, что и логично. Решение очень простое: нам поможет Promise.all(array).
Этот метод ожидает разрешения всех промисов, объявленных внутри массива array (вот спецификация). Соответственно, после блока кода с .map мы можем выполнить следующее:


const finalData = await Promise.all(newData)
// finalData - наш новый массив данных

// Или так:
Promise.all(newData).then(result => {
    // result - наш новый массив данных
})

Этот же трюк можно провернуть и с .reduce

источник

12:09пожаловаться #11

CM

Chingiz Mamiyev in JS Liberty [ОЫ]

Foma

Асинхронный .map

Возникла необходимость произвести асинхронную операцию внутри метода .map. На первый взгляд, решение очевидное: объявляем коллбэк асинхронным:


const newData = oldData.map(async (element) => {
    return await asyncOperation(element)
})

Но на выходе мы получаем массив промисов, что и логично. Решение очень простое: нам поможет Promise.all(array).
Этот метод ожидает разрешения всех промисов, объявленных внутри массива array (вот спецификация). Соответственно, после блока кода с .map мы можем выполнить следующее:


const finalData = await Promise.all(newData)
// finalData - наш новый массив данных

// Или так:
Promise.all(newData).then(result => {
    // result - наш новый массив данных
})

Этот же трюк можно провернуть и с .reduce

Разве писать return await это не хуевая практика?🤔

источник

12:19пожаловаться #12

t

th.witness in JS Liberty [ОЫ]

Chingiz Mamiyev

Разве писать return await это не хуевая практика?🤔

Чопочему?

источник

12:20пожаловаться #13

F