Utiliser async await avec Array.map

Question

Étant donné le code suivant :

var arr = [1,2,3,4,5];

var results: number[] = await arr.map(async (item): Promise<number> => {
        await callAsynchronousOperation(item);
        return item + 1;
    });

ce qui produit l'erreur suivante :

TS2322 : Le type 'Promise<number>[]' n'est pas assignable au type 'number[]'. Le type 'Promise<number> n'est pas assignable au type 'number'.

Comment puis-je le réparer ? Comment puis-je faire async await et Array.map travailler ensemble ?

Answer 1

Vous pouvez utiliser :

for await (let resolvedPromise of arrayOfPromises) {
  console.log(resolvedPromise)
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for-await...of

Si vous souhaitez utiliser Promise.all() Vous pouvez plutôt opter pour Promise.allSettled() Ainsi, vous pouvez avoir un meilleur contrôle sur les promesses rejetées.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled

Answer 2

Une solution utilisant map() de modern-async :

import { map } from 'modern-async'

...
const result = await map(myArray, async (v) => {
    ...
})

L'avantage d'utiliser cette bibliothèque est que vous pouvez contrôler la concurrence à l'aide de mapLimit() ou mapSeries() .

Answer 3

J'avais une tâche du côté BE pour trouver toutes les entités d'un repo, et pour ajouter une nouvelle propriété url et retourner à la couche contrôleur. Voici comment je l'ai réalisé (grâce à la réponse d'Ajedi32) :

async findAll(): Promise<ImageResponse[]> {
    const images = await this.imageRepository.find(); // This is an array of type Image (DB entity)
    const host = this.request.get('host');
    const mappedImages = await Promise.all(images.map(image => ({...image, url: `http://${host}/images/${image.id}`}))); // This is an array of type Object
    return plainToClass(ImageResponse, mappedImages); // Result is an array of type ImageResponse
  }

Note : L'image (entité) n'a pas de propriété url, mais ImageResponse - en a une.