Object dan Destructuring · Basic JavaScript: Dari Nol sampai Proyek Pertama

Object menyimpan data sebagai pasangan properti dan nilai. Object cocok untuk menggambarkan satu entitas.

Code

const pengguna = {
  nama: "Raka",
  umur: 21,
  aktif: true,
};

console.log(pengguna.nama);
console.log(pengguna["umur"]);

Mengubah properti

Code

pengguna.umur = 22;
pengguna.kota = "Semarang";
delete pengguna.aktif;

Object yang disimpan dengan const masih dapat mengubah propertinya. Yang tidak boleh adalah mengganti referensi object tersebut.

Method dalam object

Code

const rekening = {
  pemilik: "Sari",
  saldo: 100000,
  setor(jumlah) {
    this.saldo += jumlah;
  },
};

rekening.setor(50000);
console.log(rekening.saldo);

Destructuring

Code

const produk = {
  nama: "Mouse",
  harga: 150000,
  stok: 12,
};

const { nama, harga, stok = 0 } = produk;
console.log(nama, harga, stok);

Destructuring juga berlaku pada array:

Code

const warna = ["merah", "hijau", "biru"];
const [utama, kedua] = warna;

Spread operator

Buat object baru tanpa mengubah object asli.

Code

const profil = { nama: "Nina", kota: "Solo" };
const profilBaru = { ...profil, kota: "Bandung", aktif: true };

Optional chaining

Code

const pelanggan = { nama: "Dito" };
console.log(pelanggan.alamat?.kota); // undefined

Optional chaining mencegah error ketika properti di tengah tidak tersedia.

Latihan

Buat object perpustakaan berisi nama, alamat, dan array buku. Setiap buku memiliki judul, penulis, dan status dipinjam. Buat fungsi untuk menampilkan hanya buku yang tersedia.