Comment puis-je utiliser Async/Await avec Array.map pour les opérations de tableau simultanées en JavaScript ?

Exécuter simultanément des opérations sur les tableaux à l'aide d'Async/Await

Au sein d'un ensemble de données donné, le traitement parallèle peut améliorer considérablement les performances. En tirant parti de la syntaxe async/wait de JavaScript, nous pouvons exécuter efficacement des opérations sur les tableaux simultanément. Cependant, l'intégration de cette approche avec Array.map peut présenter certains défis.

Comprendre le problème

Considérez le code ci-dessous :

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

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

Un Une erreur se produit ici : "Le type 'Promise[]' n'est pas attribuable au type 'number[]'." Ce problème se pose parce que nous attendons un ensemble de promesses plutôt qu'une seule promesse. L'opérateur async/await traite les objets non-Promise comme leurs valeurs brutes, ce qui conduit à l'erreur observée.

Résoudre le problème

Pour résoudre ce problème, nous devons convertir l'ensemble des promesses en une seule promesse avant d'essayer de l'attendre. Ceci peut être réalisé en utilisant Promise.all :

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

En appelant Promise.all sur le tableau mappé, nous créons une seule promesse qui représente l'achèvement de toutes les opérations asynchrones au sein de la fonction map. Cela permet à l'opérateur async/await de gérer correctement le résultat et de renvoyer un tableau de valeurs.

Conclusion

L'intégration d'async/await avec Array.map nécessite une gestion minutieuse de Promettre des objets. En comprenant le comportement sous-jacent de wait et en tirant parti de l'utilitaire Promise.all, les développeurs peuvent effectuer efficacement des opérations simultanées sur les baies. Cette approche ouvre de nouvelles possibilités pour un traitement efficace des données et une optimisation des performances.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!