Cara Menggabungkan Properti Objek JavaScript Secara Dinamis

Javascript memiliki kemampuan seperti  bahasa pemrograman lainnya, salah satunya adalah penampung data sementara atau dikenal dengan nama variabel. Sewaktu menggunakan JavaScript, kita bisa memanfaatkan variabel untuk menampung data dengan berbagai macam tipe. 

Bila data banyak dan terstruktur kita bisa memanfaatkan penyimpanan data sementara di memory menggunakan array ataupun Object. Array biasa digunakan untuk menyimpan data yang memiliki nilai lebih dari satu tapi masih  dalam satu jenis tipe data. Sedangkan Object dipilih sebab memiliki informasi yang lebih jelas dan dapat berisi lebih dari sebuah tipe data yang lebih mudah di pilah lagi. 

Ada kalanya kita memerlukan objek yang merupakan hasil dari gabungan dari dua objek atau lebih. Sehingga memudahkan untuk proses sorting, menampilkan isinya ataupun untuk proses lainnya. Bilamana object sudah kita panggil kita bisa menggabungkannya dengan beberapa cara. 

Contoh:

// kali ini kita membuat dua objek yaitu kendaraan dan buah

kendaraan = {darat:"mobil",laut:"kapal",udara:"pesawat"};

buah = {lokal:"durian",impor:"apel"};

Kita dapat menggabungkannya secara langsung dengan:

let gabung = {kendaraan,buah};

console.log(gabung);

//hasilnya menjadi

{kendaraan:{darat:"mobil",laut:"kapal",udara:"pesawat"},buah:lokal:"durian",impor:"apel"}}

hasilnya didalam object gabung jadi ada object kendaraan dan object buah. Sehingga untuk memanggil isinya seperti berikut:

contoh:

console.log(gabung.kendaraan.darat);//mobil

atau

console.log(gabung.buah.lokal);//durian

Bila anda membutuhkan gabungan yang setara tanpa ada object didalam object atau langsung sebuah object dengan propertinya, maka anda dapat menggunakan fungsi assign. Agar lebih jelas silahkan ikuti contoh berikut.

Contoh:

var gabung = Object.assign(kendaraan, buah);

console.log(gabung);

//hasilnya {darat:"mobil",laut:"kapal",udara:"pesawat",lokal:"durian",impor:"apel"}

Dari penggabungan tersebut, anda bisa mendapatkan properti kedua object menjadi terkumpul dalam object bergabung. Sehingga untuk memanggil isinya bisa dilakukan seperti berikut:

Contoh:

console.log(gabung.darat);//mobil

atau 

console.log(gabung.lokal);//durian

Bila anda menggunakan jQuery anda bisa memanfaatkan fungsi extend. jQuery.extend{obj1,obj2,...}. Sehingga seperti contoh berikut.

Contoh:

var gabung = $.extend({},kendaraan, buah);

console.log(gabung);

//hasilnya {darat:"mobil",laut:"kapal",udara:"pesawat",lokal:"durian",impor:"apel"}

Demikian tulisan kali ini, semoga bermanfaat.