Objek dalam JavaScript diterangkan sebagai sekumpulan pasangan nilai kunci. Kadangkala, pembangun mungkin memerlukan menggabungkan sifat dua objek dalam objek baharu. Proses ini dipanggil penggabungan. Untuk menggabungkan objek, JavaScript menyediakan beberapa kaedah terbina dalam yang dipanggil ' Object.assign() ' kaedah atau ' Operator sebaran ”.
Siaran ini akan menerangkan kaedah untuk menggabungkan sifat dua objek JavaScript secara dinamik.
Bagaimana untuk Menggabungkan Sifat Dua Objek JavaScript Secara Dinamik?
Gunakan kaedah berikut untuk menggabungkan sifat dua objek JavaScript secara dinamik:
Kaedah 1: Gabung/Gabungkan Sifat Dua Objek JavaScript Secara Dinamik Menggunakan Kaedah Object.assign()
Menggunakan ' Object.assign() ” kaedah untuk menggabungkan sifat dua objek JavaScript secara dinamik. Kaedah ini mengekalkan integriti objek asal dengan menyalin semua sifat terhitung ke objek sasaran daripada satu atau lebih objek sumber. Jika atribut yang sama terdapat dalam kedua-dua objek, nilai objek kedua akan menggantikan nilai daripada yang pertama. Ambil perhatian bahawa kaedah ini hanya menyalin sifat terbilang, jadi ia tidak akan menyalin sifat yang diwarisi daripada prototaip objek.
Sintaks
Ikuti sintaks yang disediakan untuk menggabungkan dua objek JavaScript:
targetObject = Object.assign ( obj1, obj2, ... ) ;Contoh
Buat objek ' info ”:
di mana maklumat = {nama: 'Jenny' ,
umur: 24 ,
Rollno: lima belas
} ;
Cipta objek kedua ' aktiviti ” dengan pasangan kunci berikut:
var aktiviti = {permainan: 'Cerik' ,
senaman: 'Yoga'
} ;
Panggil ' Object.assign() ' kaedah untuk menggabungkan sifat ' info ” dan “ aktiviti ” dalam objek baharu yang dipanggil “ pelajar ”:
var pelajar = Object.assign ( info, aktiviti ) ;Cetak sifat objek ' pelajar ' menggunakan ' console.log() ' kaedah:
konsol.log ( pelajar ) ;Output menunjukkan bahawa sifat objek ' info ” dan “ aktiviti 'berjaya digabungkan dalam objek baharu' pelajar ”:
Kaedah 2: Gabung/Gabungkan Sifat Dua Objek JavaScript Secara Dinamik Menggunakan Operator Spread
Terdapat satu lagi pendekatan untuk menggabungkan dua objek JavaScript, yang menggunakan ' Operator sebaran ”. Ia adalah pendekatan yang biasa digunakan untuk menggabungkan objek dengan menyalin semua atribut daripada objek. Jika dua objek mempunyai sifat dengan nama yang sama, sifat objek di sebelah kanan menggantikan yang sebelumnya.
Sintaks
Sintaks berikut digunakan untuk menggabungkan sifat dua objek JavaScript dengan bantuan pengendali Spread:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Contoh
Buat objek baharu “ pelajar 'dan gabungkan sifat objek' info ” dan “ aktiviti ' dalam pelajar menggunakan operator Spread ' … ”:
adalah seorang pelajar = {...maklumat, ...aktiviti
} ;
Pengeluaran
Kami telah menyediakan semua maklumat yang diperlukan berkaitan dengan penggabungan objek dalam JavaScript.
Kesimpulan
Untuk menggabungkan/menggabungkan sifat objek dalam JavaScript, gunakan ' Object.assign() ' kaedah atau ' Operator sebaran ”. Operator spread ialah pendekatan yang paling biasa digunakan untuk menggabungkan sifat objek JavaScript. Jika atribut yang sama terdapat dalam kedua-dua objek, nilai objek kedua akan menggantikan nilai daripada yang pertama. Dalam siaran ini, kami menerangkan kaedah untuk menggabungkan/menggabungkan sifat dua objek JavaScript secara dinamik.