如何在 JavaScript 中使用 Async/Await 和 Array.map 進行並發數組運算？

使用 Async/Await 並發執行數組操作

在給定的資料集中，並行處理可以顯著提高效能。透過利用 JavaScript 的 async/await 語法，我們可以有效率地並發執行數組操作。然而，將此方法與 Array.map 整合可能會帶來一些挑戰。

理解問題

考慮下面的程式碼：

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

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

An此處遇到錯誤：「型別'Promise[] ' 不可分配給類型'數字[]'。 async/await 運算子將非 Promise 物件視為原始值，從而導致觀察到的錯誤。

解決問題

要解決此問題，我們需要轉換在嘗試等待之前，將一系列 Promise 合併為一個 Promise。這可以使用 Promise.all 來實現：

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

透過在映射數組上呼叫 Promise.all，我們建立一個代表映射函數內所有非同步操作完成的 Promise。這允許 async/await 運算子正確處理結果並傳回一個值數組。

結論

將 async/await 與 Array.map 整合需要仔細處理承諾物件。透過了解await的底層行為並利用Promise.all實用程序，開發人員可以有效地在陣列上執行並發操作。這種方法為高效數據處理和效能優化開闢了新的可能性。

以上是如何在 JavaScript 中使用 Async/Await 和 Array.map 進行並發數組運算？的詳細內容。更多資訊請關注PHP中文網其他相關文章！