← JavaScript37 / 69
Shorthand property dan computed key
Kalau nama variabel sama dengan nama key, tulis sekali saja: { nama, umur } alih-alih { nama: nama, umur: umur }. Untuk key yang ditentukan saat runtime, pakai bracket: { [kunci]: nilai } — sangat berguna saat membuat object dari input dinamis. Computed key juga berguna saat menangani form: { [e.target.name]: e.target.value } memperbarui field yang benar tanpa menulis percabangan panjang.
👀 Contoh dulu
const judul = 'Kopi';
const stok = 3;
const field = 'kategori';
// cara panjang
const a = { judul: judul, stok: stok };
// shorthand + computed key
const b = { judul, stok, [field]: 'minuman' };
console.log(b);Hasilnya: {"judul":"Kopi","stok":3,"kategori":"minuman"}
💡 Shorthand hanya bisa kalau nama variabel = nama key. Bracket [] dipakai saat nama key-nya berasal dari variabel.
📝 Sekarang giliranmu
Buat const user memakai shorthand dari variabel nama dan umur, dan tambahkan satu properti dengan computed key [kunci] bernilai 'Jakarta'. Tampilkan user.
Preview