Objek

Objek mengelompokkan nilai-nilai yang berkaitan di bawah nama. Pada { name: "Coco", age: 3 }, pet.name memberi "Coco" dan pet.age memberi 3.

Nilai dengan label

Array cocok untuk daftar hal sejenis yang berurutan. Banyak hal di dunia lebih baik digambarkan dengan sekumpulan fakta berlabel: hewan peliharaan punya nama, jenis, dan umur; produk punya judul, harga, dan jumlah stok. Objek menyimpan persis hal itu. Objek adalah kumpulan properti, dan setiap properti adalah kunci (labelnya) yang dipasangkan dengan nilai.

const pet = {
  name: "Coco",
  kind: "cat",
  age: 3,
};
console.log(pet.name);        // Coco
console.log(pet["kind"]);     // cat
console.log(pet.age + 1);     // 4

Objek ditulis di dalam kurung kurawal, dengan setiap properti berbentuk key: value dan koma di antaranya. Koma sesudah properti terakhir boleh ada. Untuk membaca properti, tulis objeknya, sebuah titik, lalu kuncinya: pet.name. Bentuk lainnya memakai kurung siku dan string, pet["kind"]. Kurung siku diperlukan kalau kuncinya disimpan dalam variabel, seperti pet[field], atau kalau kuncinya mengandung spasi. Membaca kunci yang tidak ada menghasilkan undefined.

Mengubah dan menambah properti

Beri nilai pada properti untuk mengubahnya, dan beri nilai pada kunci baru untuk menambahkannya. Sama seperti array, ini tetap bisa dilakukan walaupun objeknya dideklarasikan dengan const, karena variabelnya masih menunjuk ke objek yang sama.

const player = { name: "Sam", score: 0 };
player.score += 10;
player.level = 2;
console.log(`${player.name} ${player.score} ${player.level}`);   // Sam 10 2
delete player.level;
console.log(player.level);   // undefined

Daftar objek

Array dan objek mudah digabungkan. Array berisi objek adalah cara kebanyakan program menyimpan data catatan: keranjang belanja, daftar siswa sekelas, sekumpulan hasil pencarian. Kamu mengulang array itu dan membaca properti yang kamu perlukan dari setiap objek.

const basket = [
  { item: "pen", price: 2 },
  { item: "book", price: 12 },
  { item: "bag", price: 25 },
];
let total = 0;
for (const line of basket) {
  total += line.price;
}
console.log("Total:", total);   // Total: 39

Nilai di dalam objek bisa berupa apa saja, termasuk array dan objek lain. const user = { name: "Ana", tags: ["admin", "editor"] }; membuatmu bisa menulis user.tags[0] untuk mencapai "admin". Baca rantai seperti ini dari kiri ke kanan: mulai dari user, menuju properti tags, lalu ambil indeks 0.

Metode dan kunci-kunci objek

Properti yang nilainya berupa fungsi disebut metode. Selama ini kamu sudah memanggil metode: console.log adalah metode log milik objek console, dan Math.round adalah metode round milik Math. Di dalam metode, kata kunci this merujuk ke objek tempat metode itu dipanggil, sehingga metode bisa membaca properti objeknya sendiri. Terakhir, Object.keys(pet) memberi array berisi kunci-kuncinya, di sini ["name", "kind", "age"], yang berguna untuk mengulang setiap properti.

const counter = {
  count: 0,
  add() {
    this.count++;
  },
};
counter.add();
counter.add();
console.log(counter.count);   // 2

Contoh soal. Catatan buku { title: "Notes", pages: 120, read: 45 } bisa melaporkan kemajuan membaca dengan Math.round(book.read / book.pages * 100), yang hasilnya 38, artinya 38 persen. Memberi nama pages dan read pada nilai-nilainya membuat rumus itu mudah dibaca, sesuatu yang tidak akan pernah bisa dilakukan b[1] / b[0].

Array atau objek?

Ada tes cepat untuk memutuskan mana yang dipakai. Kalau nilai-nilainya sejenis dan urutannya penting, seperti nilai ujian satu kelas atau langkah-langkah resep, pakai array dan capai nilainya lewat posisi. Kalau nilai-nilainya adalah fakta yang berbeda tentang satu hal, seperti nama, harga, dan stok sebuah produk, pakai objek dan capai nilainya lewat nama. Kebanyakan data nyata mencampur keduanya: array berisi produk, dan setiap produk adalah objek. Saat kamu mencetak objek di kotak latihan, kamu akan melihatnya dalam bentuk ringkas seperti {"name":"Coco","age":3}; membaca properti satu per satu memberi keluaran yang lebih rapi.