Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menggabungkan Objek JavaScript dengan Cekap dengan ID?

Bagaimana untuk Menggabungkan Objek JavaScript dengan Cekap dengan ID?

DDD
DDDasal
2024-11-29 20:22:15673semak imbas

How to Efficiently Merge JavaScript Objects by 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!

Kenyataan:
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