Bagaimana untuk Menggabungkan Objek JavaScript dengan Cekap dengan ID?

Menggabungkan Objek JavaScript mengikut Id

Soalan:

Bagaimana saya boleh menggabungkan dua JavaScript dengan cekap tatasusunan objek berdasarkan sifat "id" biasa, menambahkan data tambahan daripada tatasusunan kedua ke dahulu?

Contoh:

var a1 = [{ id: 1, name: "test" }, { id: 2, name: "test2" }]
var a2 = [{ id: 1, count: "1" }, { id: 2, count: "2" }]

Output yang Diingini:

var a3 = [{ id: 1, name: "test", count: "1" }, { id: 2, name: "test2", count: "2" }]

Penyelesaian:

Menggunakan ES6, anda boleh mencapai ini dengan ringkas penyelesaian:

const a3 = a1.map(t1 => ({ ...t1, ...a2.find(t2 => t2.id === t1.id) }));

Penyelesaian ini memanfaatkan kaedah map() dan find():

• map(): Mengulang setiap elemen dalam a1 dan mencipta objek baharu.
• find(): Mencari objek dalam a2 dengan yang sama "id" sebagai elemen semasa dalam a1.
• Spread Operator ( ... ): Menggabungkan sifat unsur semasa dalam a1 dengan sifat unsur yang sepadan dalam a2.

Kaedah ini menggabungkan objek dalam a1 dan a2 dengan berkesan berdasarkan sifat "id", menambah sebarang sifat tambahan daripada a2 kepada yang terhasil. objek dalam a3.

Atas ialah kandungan terperinci Bagaimana untuk Menggabungkan Objek JavaScript dengan Cekap dengan ID?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!