Destructuring & Spread/Rest di JavaScript
Penjelasan
Destructuring memudahkan mengambil beberapa nilai dari array atau object langsung ke variabel terpisah dalam satu baris. Spread operator (...) dipakai untuk "membentangkan" isi array/object, misalnya untuk menggabungkan dua array atau menyalin object.
Contoh Konsep
const profil = { nama: "CompileDaily", kategori: "Study" };
const { nama, kategori } = profil; // destructuring object
console.log(nama, kategori);
const [pertama, kedua] = ["PHP", "JavaScript"]; // destructuring array
console.log(pertama, kedua);
const bahasaLama = ["PHP", "JavaScript"];
const bahasaBaru = [...bahasaLama, "Python"]; // spread, gabung array baru
console.log(bahasaBaru);Praktikum
Buat object const buku = { judul: "Laravel Dasar", penulis: "Budi", tahun: 2026 }. Pakai destructuring untuk mengambil judul dan penulis ke variabel terpisah, lalu tampilkan lewat template literal.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Spread (...) dan rest (...) pakai sintaks yang sama tapi kebalikan fungsinya: spread membentangkan (dipakai saat membuat array/object baru), rest mengumpulkan sisa argumen jadi array (dipakai di parameter fungsi).