Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menggabungkan Dua Tatasusunan Objek dalam JavaScript?

Bagaimanakah Saya Boleh Menggabungkan Dua Tatasusunan Objek dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-21 08:24:10
asal
835 orang telah melayarinya

How Can I Merge Two Arrays of Objects in JavaScript?

Menggabungkan Tatasusunan Objek: Pendekatan JavaScript

Pertimbangkan senario berikut: anda mempunyai tatasusunan objek dipanggil arr1 dan tatasusunan objek dipanggil arr2, dan anda ingin menggabungkannya ke dalam tatasusunan baharu arr3 yang mengandungi unsur-unsur daripada kedua-dua tatasusunan. Penyelesaian yang mudah ialah menggunakan kaedah Array.prototype.push.apply().

Kaedah ini mengambil dua hujah: yang pertama ialah tatasusunan sasaran yang ingin anda tambahkan dan yang kedua ialah tatasusunan elemen anda ingin menambah. Dalam kes ini, tatasusunan sasaran ialah arr1 dan tatasusunan elemen untuk ditambah ialah arr2.

Berikut ialah contoh:

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

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

console.log(arr1);  
Salin selepas log masuk

Output:

[{"name":"lang","value":"English"},
{"name":"age","value":"18"},
{"name":"childs","value":"5"},
{"name":"lang","value":"German"}]
Salin selepas log masuk

Sebagaimana anda boleh lihat daripada output, kedua-dua tatasusunan telah berjaya digabungkan menjadi satu tatasusunan. Kaedah ini mudah dan berkesan, dan ia berfungsi dalam kedua-dua JavaScript dan jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggabungkan Dua Tatasusunan Objek dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan