Object Javascript

Masih ingatkah kamu dengan Reference Type? Kita telah membahasnya pada materi sebelumnya, di mana salah satu contoh dari tipe ini adalah objek.

Objek dalam bahasa pemrograman serupa dengan objek di dunia nyata. Misalnya, manusia memiliki atribut seperti nama, umur, alamat, gender, dan lainnya. Konsep ini juga diterapkan dalam pemrograman. Ketika kita perlu mengelompokkan variabel-variabel yang saling terkait, kita dapat menyatukan variabel-variabel tersebut ke dalam satu objek.

let name = 'Momo';
let age = 32;

Kode di atas berisi variabel yang merepresentasikan data tentang manusia, sehingga kedua variabel tersebut saling terkait. Daripada membuatnya sebagai dua variabel terpisah, akan lebih baik jika kita menggabungkannya menjadi satu objek.

Kita dapat menyimpan variabel name dan age ke dalam object literal. Object literal adalah cara membuat objek menggunakan kurung kurawal { }, di mana kita menetapkan pasangan key dan value di dalamnya.

let person = {
name: ‘Momo’,
age: 32
}

Pada kode di atas, name dan age adalah key, sedangkan Momo dan 32 adalah value masing-masing key. Jika kita menjalankan perintah berikut:

console.log(person);

Kita akan mendapat output sebagai berikut:
{name:'Momo',age:32}

Lalu, bagaimana jika kita ingin mengubah value dari key objek di atas? Kita perlu mengakses key tersebut terlebih dahulu.

Ada dua cara untuk mengakses key dalam sebuah objek:

• Dot Notation
  console.log(person.name)
  Kode di atas akan menampilkan output: Momo
  
• Bracket Notation
  console.log(person['name'])
  Kode ini juga akan menampilkan output: Momo

person.name = 'Mike';
person['age'] = 30;

person.name = 'Mike';
Mengubah nilai key name menjadi 'Mike' menggunakan dot notation.

person['age'] = 30;
Mengubah nilai key age menjadi 30 menggunakan bracket notation.

Objek person yang kita buat sekarang memiliki nilai sebagai berikut:
{name:'Mike', age:30}