Objek dan Array adalah wadah JavaScript. Menguasainya berarti menguasai manipulasi struktur data.
Objek (Pasangan Kunci-Nilai)
javascript
const user = {
name: "Jane Doe",
age: 28,
role: "Admin"
};
// Notasi Titik (Bersih)
console.log(user.name);
// Notasi Kurung (Dinamis)
const propUntukDicek = "role";
console.log(user[propUntukDicek]);Destructuring (Membongkar)
Analogi Koper
Bayangkan Objek adalah Koper yang sudah dikemas.
Destructuring adalah membuka koper dan mengambil barang langsung ke tangan Anda.
javascript
const pengaturan = {
tema: "dark",
fontSize: 16,
wifi: true
};
// CARA LAMA: Berulang
// const tema = pengaturan.tema;
// const fontSize = pengaturan.fontSize;
// CARA PRO: Destructuring
const { tema, fontSize } = pengaturan;
console.log(tema); // "dark"Operator Spread (...)
Ini "meledakkan" objek atau array menjadi bagian-bagian individualnya. Ini penting untuk React.
javascript
const userDasar = { name: "John", age: 30 };
// Buat objek BARU, salin semua dari userDasar, dan tambah properti
const userBaru = { ...userDasar, isActive: true };
console.log(userBaru);
// { name: "John", age: 30, isActive: true }Array & Metode
javascript
const stack = ["HTML", "CSS", "JS"];
// Destructuring Array
const [pertama, kedua] = stack;
console.log(pertama); // "HTML"
// Spread Array (Menggabungkan)
const backend = ["Node", "SQL"];
const fullStack = [...stack, ...backend];
console.log(fullStack);