← JavaScript21 / 69
Destructuring
Destructuring mengambil beberapa nilai sekaligus: const { nama, umur } = user. Sangat sering dipakai untuk props di React dan hasil API. Untuk array, urutannya yang menentukan: const [pertama, kedua] = arr. Nama variabel pada object harus cocok dengan nama key.
👀 Contoh dulu
const produk = { nama: 'Kopi', harga: 85000, stok: 4 };
// cara panjang
const nama1 = produk.nama;
// destructuring: ambil beberapa sekaligus
const { nama, harga } = produk;
console.log(nama, harga);
// array pakai urutan, bukan nama
const [pertama, kedua] = ['a', 'b'];
console.log(pertama, kedua);Hasilnya: Kopi 85000 a b
💡 Untuk object, nama variabel HARUS sama dengan nama key. Untuk array, yang menentukan adalah posisinya.
📝 Sekarang giliranmu
Ambil nama dan kota dari object user memakai destructuring, lalu tampilkan keduanya.
Preview