Memahami Objek di JavaScript.

Objek adalah struktur data untuk menyimpan kumpulan pasangan key-value. Berbeda dengan array yang memakai indeks angka, objek memakai nama (key) untuk mengakses setiap nilainya, sehingga cocok untuk merepresentasikan entitas dunia nyata seperti pengguna, produk, atau konfigurasi.

Membuat Objek

const pengguna = {
  nama: "Siti",
  umur: 24,
  aktif: true,
};

Mengakses Properti

console.log(pengguna.nama);       // dot notation
console.log(pengguna["umur"]);    // bracket notation

Bracket notation berguna saat nama key disimpan dalam variabel atau mengandung karakter yang tidak valid untuk dot notation.

const key = "aktif";
console.log(pengguna[key]); // true

Menambah dan Mengubah Properti

pengguna.kota = "Bandung";  // menambah properti baru
pengguna.umur = 25;          // mengubah properti yang sudah ada
delete pengguna.aktif;       // menghapus properti

Objek Bersarang

const profil = {
  nama: "Rian",
  alamat: {
    kota: "Surabaya",
    kodePos: "60123",
  },
};

console.log(profil.alamat.kota); // "Surabaya"

Property Shorthand dan Method Shorthand

JavaScript modern (ES6+) menyediakan penulisan singkat saat nama variabel sama dengan nama key.

const nama = "Dewi";
const umur = 30;

// Cara lama
const orangLama = { nama: nama, umur: umur };

// Shorthand modern
const orang = { nama, umur };

Method di dalam objek juga bisa ditulis lebih ringkas:

const kalkulator = {
  // cara lama: hitung: function(a, b) { return a + b; }
  hitung(a, b) {
    return a + b;
  },
};

Optional Chaining untuk Akses Aman

Saat properti bersarang mungkin tidak ada, ?. mencegah error dan langsung menghasilkan undefined.

console.log(profil.alamat?.kodePos); // "60123"
console.log(profil.kontak?.email);   // undefined, tidak error

Kesimpulan

Objek adalah cara paling natural untuk merepresentasikan data dunia nyata di JavaScript. Dengan property shorthand, method shorthand, dan optional chaining, penulisan objek di JavaScript modern jadi jauh lebih ringkas dan aman dibanding pola-pola lama sebelum ES6.