在前端開發(fā)中，常常需要從服務器獲取數據，然后對這些數據進行處理和展示。有時候我們可能會遇到這樣的需求，需要將兩個異步請求的結果合并為一個新的數組。本文將介紹如何使用JavaScript實現這個功能。首

在前端開發(fā)中，常常需要從服務器獲取數據，然后對這些數據進行處理和展示。有時候我們可能會遇到這樣的需求，需要將兩個異步請求的結果合并為一個新的數組。本文將介紹如何使用JavaScript實現這個功能。

首先，我們需要明確兩個請求的返回結果的數據結構。假設第一個請求返回的數據是一個包含多個對象的數組，每個對象都有一個屬性 "id" 和 "name"。第二個請求則返回一個包含多個對象的數組，每個對象都有一個屬性 "id" 和 "age"。我們的目標是將這兩個請求的結果合并為一個新數組，其中每個對象都包含 "id"、"name" 和 "age" 這三個屬性。

下面是一種實現的方法：

```javascript

// 第一個請求的返回結果

const request1 [

{ id: 1, name: 'Alice' },

{ id: 2, name: 'Bob' },

{ id: 3, name: 'Charlie' }

];

// 第二個請求的返回結果

const request2 [

{ id: 1, age: 20 },

{ id: 2, age: 25 },

{ id: 3, age: 30 }

];

// 合并兩個請求結果為新數組

const mergeResults (result1, result2) > {

// 創(chuàng)建一個空數組用于存儲合并后的結果

const mergedArray [];

// 遍歷第一個請求結果數組

for (let i 0; i < result1.length; i ) {

// 根據 id 查找第二個請求結果中對應的對象

const matchingObj (obj > result1[i].id);

// 如果找到匹配的對象，則將結果合并到新數組中

if (matchingObj) {

mergedArray.push({

id: result1[i].id,

name: result1[i].name,

age:

});

}

}

return mergedArray;

};

// 調用合并函數，將兩個請求結果合并為新數組

const mergedResult mergeResults(request1, request2);

console.log(mergedResult);

```

以上代碼中，我們定義了一個 `mergeResults` 函數，它接受兩個參數 `result1` 和 `result2`，分別表示兩個請求的返回結果。函數內部創(chuàng)建了一個空數組 `mergedArray`，用于存儲合并后的結果。

然后，我們使用一個 `for` 循環(huán)遍歷第一個請求結果數組 `result1`。在每次迭代中，我們使用 `find` 方法根據當前迭代對象的 `id` 值在第二個請求結果數組 `result2` 中查找對應的對象。如果找到匹配的對象，就將 `id`、`name` 和 `age` 屬性合并到新數組中。

最后，我們調用 `mergeResults` 函數，并傳入兩個請求的返回結果作為參數，得到了合并后的結果 `mergedResult`。我們可以在控制臺輸出該結果，以便查看合并后的數組內容。

總結起來，通過以上的代碼示例，我們學習了如何使用JavaScript將兩個請求結果組成新數組的方法。這個功能在實際開發(fā)中可能會經常用到，希望本文能對你有所幫助。