Cara Menggunakan Object Methods di JavaScript.

Selain menyimpan data, objek di JavaScript juga bisa diproses lewat kumpulan method bawaan pada Object, sangat berguna saat perlu mengubah objek menjadi array atau sebaliknya.

Object.keys(): Mengambil Semua Key

const produk = { nama: "Buku", harga: 45000, stok: 20 };

console.log(Object.keys(produk));
// ["nama", "harga", "stok"]

Object.values(): Mengambil Semua Nilai

console.log(Object.values(produk));
// ["Buku", 45000, 20]

Object.entries(): Key dan Value Sekaligus

console.log(Object.entries(produk));
// [["nama", "Buku"], ["harga", 45000], ["stok", 20]]

for (const [key, value] of Object.entries(produk)) {
  console.log(`${key}: ${value}`);
}

Object.entries() sangat berguna saat ingin mengiterasi objek memakai for...of, karena for...in saja tidak memberi akses langsung ke nilainya.

Object.assign(): Menggabung Objek

const default_ = { tema: "terang", bahasa: "id" };
const preferensi = { bahasa: "en" };

const gabungan = Object.assign({}, default_, preferensi);
console.log(gabungan); // { tema: "terang", bahasa: "en" }

Spread Syntax sebagai Alternatif Modern

const gabunganSpread = { ...default_, ...preferensi };

Spread syntax pada objek ({ ...obj }) sekarang lebih umum dipakai dibanding Object.assign() karena sintaksnya lebih ringkas dan konsisten dengan spread pada array.

Object.freeze(): Mencegah Perubahan

const konfigurasi = Object.freeze({ versi: "1.0.0" });

konfigurasi.versi = "2.0.0"; // diabaikan secara diam-diam (atau error di strict mode)
console.log(konfigurasi.versi); // tetap "1.0.0"

Object.fromEntries(): Kebalikan dari entries()

const pasangan = [["nama", "Wati"], ["umur", 22]];
const objek = Object.fromEntries(pasangan);

console.log(objek); // { nama: "Wati", umur: 22 }

Method ini berguna saat mengubah data Map atau hasil filter dari entries() kembali menjadi objek biasa.

Kesimpulan

Object.keys(), Object.values(), dan Object.entries() adalah trio yang paling sering dipakai untuk mengubah objek menjadi bentuk yang bisa diiterasi. Ditambah Object.freeze() untuk data yang tidak boleh berubah dan spread syntax untuk menggabung objek, method-method ini menjadi alat inti saat mengolah data berbasis objek di JavaScript modern.