Object adalah variabel khusus dalam javascript yang bisa menampung banyak nilai dari berbagai macam tipe data di javascript. Nilai object disebut dengan properti, yaitu pasangan antara nama (kunci) dan nilai. Properti object dalam bentuk fungsi disebut method.

Properti dalam object ditulis dengan format “nama:nilai”, sedangkan method ditulis dengan format nama:fungsi. Objek di Javascript memiliki ciri khas, yaitu data yang ditampung dibungkus dengan kurung kurawal {}, dan antar data diberi koma ,.

Sebagai contoh, dalam kehidupan nyata, mobil adalah object. Semua mobil memiliki properti yang sama seperti tipe, model, dan warna, tetapi dapat memiliki nilai properti yang berbeda pada setiap mobil. 

Semua mobil juga memiliki method yang sama seperti mengemudi, tetapi method tersebut dilakukan pada waktu yang berbeda. Method adalah perilaku dari objek (fungsi).

Bagaimana kita memodelkan object mobil pada pemprograman Javascript, berikut contohnya :



Pada contoh di atas, kita membuat object car yang memiliki properti type dengan nilai fiat, model dengan nilai 500, color dengan nilai white, dan properti dalam bentuk method (fungsi), yaitu method start, method drive, method brake, dan method stop.

Cara Membuat Object

Ada beberapa cara didalam membuat objek pada Javascript:
  • Menggunakan Object Literal
  • Menggunakan Keyword new

Mari kita mulai pembahasannya.

Menggunakan Object Literal

Kita bisa menggunakan kata kunci var, let, atau const, diikuti dengan nama objek, lalu operator penugasan =, serta sekumpulan properti (nama atau kunci dan nilai) yang dipisahkan dengan koma dan dibungkus dengan kurung kurawal { ... }.

Berikut ini sintaknya:

Contoh:


Pada contoh di atas, cara penulisan contoh 2 lebih rapi dan mudah dipahami.

Menggunakan Kata Kunci new (Object Constructor)

Object dapat dibuat dengan menggunakan keyword new. Properti dan nilai object tersebut dapat diberikan setelah object tersebut dibuat. Cara ini disebut dengan teknik object constructor. 

Constructor adalah function yang digunakan untuk inisialisasi object baru, dan kita menggunakan keyword new untuk menggunakannya.

Berikut ini sintaksnya:


Contoh:

Cara Mengakses Properti Object

Jika kita ingin menggunakan nilai yang terdapat di dalam properti suatu objek, maka kita harus mengakses properti objek tersebut.

Properti object dapat diakses dengan menggunakan format-format dibawah ini.

Menggunakan dot notation

Contoh:

Menggunakan bracket notation

Contoh:


Jika kita ingin mengakses properti objek secara dinamis, yaitu ketika kita menggunakan nama dari suatu variabel sebagai nama properti saat mengakses properti objek tersebut, caranya seperti berikut.



Contoh:


Mengakses properti object dalam bentuk method

Cara mengakses method yang berada di dalam objek mirip dengan cara mengakses properti biasa, hanya tinggal tambahkan tanda kurung () dan isi parameter di dalam tanda kurung tersebut jika method tersebut membutuhkan parameter.

Gunakan format di bawah ini untuk memanggil method pada object.

Contoh:


Cara Menambah Properti Baru di Object

Properti baru dapat ditambahkan ke suatu object yang sudah terbentuk. Nilai properti tersebut langsung diberikan pada saat penambahan.

Properti baru dapat ditambahkan dengan menggunakan format-format dibawah ini.

Menggunakan dot notation

Contoh:

Menggunakan bracket notation

Contoh:


Cara Menghapus Properti di Object

Properti dalam object dapat dihapus dengan memakai keyword delete. Properti yang dihapus tidak dapat diakses lagi kecuali ditambahkan lagi kepada object tersebut. Nilai pada properti yang dihapus akan otomatis hilang.

Contoh:


Referensi:
https://nextgen.co.id/membuat-object-javascript/