Object di JavaScript
Pada bagian kali ini kita akan belajar salah satu struktur data yang juga umum digunakan pada JavaScript, yaitu objek atau yang juga sering disebut dengan object.
Object adalah sebuah tipe data yang digunakan untuk menyimpan sebuah data atau nilai dimana kamu bisa mengatur properti yang biasa disebut dengan key kepada nilai tersebut.
Simana setiap key menyimpan data miliknya masing-masing
Jika struktur data array digunakan untuk menyimpan data secara berurut, object digunakan untuk menyimpan data secara tidak berurut. Pada object kita menyimpan data dengan pasangan key dan value.
Jadi jika kamu ingin menyimpan data dengan struktur yang berurut kamu bisa menggunkan array, sedangkan jika kamu ingin menyimpan data dengan struktur yang tidak berurut kamu bisa mengggunakan object.
Cara Menyimpan Data dalam Bentuk Object di JavaScript
Nilai yang bisa disimpan pada object bisa memiliki tipe data apa saja, misalnya string, number, boolean dan sebagainya.
Kita membungkus pasangan-pasangan key dan nilai yang ingin disimpan di dalam object di bungkus di dalam sebuah tanda kurung kurawal ( { … } ).
Misalnya kita ingin membuat sebuah data object orang dengan beberapa property dan nilai, seperti berikut:
var orang = {
nama: ‘Budi Putra’,
umur: 20,
alamat: ‘Bireuen’,
isBekerja: true
};
Pada contoh diatas kita membuat sebuah object dengan beberapa properti atau pasangan key dan value.
Kita menulis key dan kemudian memberikan tanda titik dua ( : ) di depannya untuk mengatur nilai yang akan disimpan pada key tersebut.
Setiap satu buah pasangan key dan value dipisahkan dengan tanda koma.
Cara Mengakses Property dalam Sebuah Object di JavaScript
Ada dua cara yang bisa kamu lakukan untuk mengakses sebuah properti yang ada pada JavaScript, kamu bisa menggunakan dot notation dan bracket notation.
Untuk mengkases sebuah property dengan dot notation atau dengan penulisan tanda titik, kamu bisa melakukannya dengan menulis nama variabel dari objek dan kemudian menulis tanda titik (.) dan properti yang ingin diakses.
Misalnya kamu ingin mengakses properti-properti dari object yang sudah kita buat sebelumnya, dan melakukan console log untuk melihat nilainya, kamu bisa melakukannya dengan cara seperti berikut:
console.log(orang.nama); // mencetak nilai “Yaumil Ikhsan” console.log(orang.umur); // mencetak nilai “20” console.log(orang.alamat); // mencetak nilai “Bireuen” console.log(orang.isBekerja); // mencetak nilai “true”
Cara lainnya mengkases sebuah properti dari sebuah objek adalah dengan menggunakan notasi tanda kurung.
Caranya adalah kita menulis nama properti dari properti yang ingin dikases di dalam tanda kurung siku ( [] ) di depan nama objek yang diakses.
Misalnya kita ingin mengkases properti-properti dari objek yang sudah kita buat sebelumnya dengan menggunakan notasi tanda kurung, kamu bisa melakukannya dengan menggunakan cara seperti berikut:
console.log( orang[‘nama’] ); // mencetak nilai “Yaumil Ikhsan” console.log( orang[‘umur’] ); // mencetak nilai “20” console.log( orang[‘alamat’] ); // mencetak nilai “Bireuen” console.log(orang[‘isBekerja’] ); // mencetak nilai “true”
Cara Mengubah Nilai dari Properti di Object
Nilai-nilai atau data yang ada pada properti di dalam sebuah object adalah muteable, artinya kamu bisa mengubah nilai-nilai dari properti tersebut setelah kamu mendefinisikannya.
Misalnya kamu ingin mengubah nilai dari properti “nama” pada object yang sudah kita definisikan sebelumnya, kita bisa melakukannya dengan mengkases properti tersebut seperti cara sebelumnya, kemudian mendefinisikan nilai baru.
Seperti berikut:
orang[‘nama’] = “Jihad Assidiq”; console.log(orang.[‘nama’]); // mencetak nilai “Jihad Assidiq”
Atau seperti berikut:
orang.nama = “Jihad Assidiq”; console.log(orang.nama); // mencetak nilai “Jihad Assidiq”
Sama seperti array, object memiliki metode-metode yang sudah tersedia secara default yang bisa digunakan untuk melakukan perubahan atau operasi pada objek-objek yang sudah kita buat.
