首頁 > web前端 > js教程 > 如何使用 Array.prototype.push.apply() 在 JavaScript 中合併兩個物件陣列?

如何使用 Array.prototype.push.apply() 在 JavaScript 中合併兩個物件陣列?

Barbara Streisand
發布: 2024-12-22 22:37:13
原創
418 人瀏覽過

How to merge two arrays of objects in JavaScript using Array.prototype.push.apply()?

合併兩個物件陣列:JavaScript 解決方案

在 JavaScript 中合併物件陣列可能是一項常見任務。在這裡,我們探索一種簡單而有效的方法來使用內部函數 Array.prototype.push.apply() 來實現此目的。

考慮範例場景:

var arr1 = [{name: "lang", value: "English"},{name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];
登入後複製

我們的目標是將這兩個數字組合並為一個數組,稱為arr3,其內容如下:

var arr3 = [{name: "lang", value: "German"},{name: "age", value: "18"},{name : "childs", value: '5'}];
登入後複製

使用jQuery $.extend() 在這裡不合適,因為它不提供所需的輸出。相反,我們使用以下程式碼:

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);
登入後複製

此程式碼本質上是將 arr2 的元素附加到 arr1 的結尾。結果是包含合併物件的單一數組,重複的「lang」物件被後一個值取代。

得到的輸出是:

[{"name":"lang","value":"English"},{"name":"age","value":"18"},{"name":"childs","value":"5"},{"name":"lang","value":"German"}]
登入後複製

此輸出與所需的陣列匹配arr3,有效合併原來的兩個物件陣列。

以上是如何使用 Array.prototype.push.apply() 在 JavaScript 中合併兩個物件陣列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板