Asas Nyahstruktur Tatasusunan/Objek
Nyahstruktur tatasusunan dan objek: asas, melangkau item, nilai lalai, menamakan semula dan helah pertukaran mudah.
Asas Nyahstruktur Tatasusunan/Objek ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 2. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 2 pelajaran.
Pengenalan
Matlamat: Keluarkan nilai daripada tatasusunan/objek dengan kemas.
- Penyahstruktur tatasusunan
- Melangkau dan nilai lalai
- Penyahstruktur objek
- Menamakan semula dan teknik pertukaran

Asas tatasusunan
Corak tatasusunan sepadan dengan positions. Elemen pertama diberikan kepada pemboleh ubah pertama, dan seterusnya.
// Array destructuring: assign by position
const pair = [10, 20];
const [x, y] = pair;
console.log("x:", x);
console.log("y:", y);

Melangkau dan nilai lalai
Gunakan koma untuk skip kedudukan. Tambahkan = default untuk item yang undefined atau tiada.
// Skip items with commas and provide defaults
const triple = [5, undefined, 9];
// Skip the middle, provide default for missing/undefined
const [first, , third = 0] = triple;
console.log("first:", first);
console.log("third with default:", third);

Teknik pertukaran
swap satu baris mengelakkan penggunaan pemboleh ubah sementara.
// Swap values with destructuring
let a = "left";
let b = "right";
[a, b] = [b, a];
console.log("a:", a);
console.log("b:", b);

Asas objek dan penamaan semula
Objek dipadankan berdasarkan key. Namakan semula dengan key: localName dan tambahkan = default apabila diperlukan.
// Object destructuring: assign by property name
const user = { name: "Ayla", level: 2, active: true };
// Basic
const { name, active } = user;
// Renaming and default
const { level: userLevel = 0 } = user;
console.log("name:", name);
console.log("active:", active);
console.log("userLevel:", userLevel);

Medan bersarang (ringkas)
Anda boleh membaca medan bersarang dalam satu langkah. Pastikan corak kecil supaya mudah dibaca pada telefon mudah alih.
// Nested destructuring (keep it simple)
const config = {
theme: { primary: "blue", contrast: "white" },
flags: { compact: true }
};
const { theme: { primary }, flags: { compact } } = config;
console.log("primary:", primary);
console.log("compact:", compact);

Kuiz sintaks pertukaran
Semakan pantas: Pertukaran dengan penyahstruktur.

Ringkasan
Ringkasan: Tatasusunan dinyahstruktur mengikut kedudukan, manakala objek mengikut key. Anda melangkau item, menggunakan nilai lalai, menamakan semula key, dan menukar nilai dalam satu baris.

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 59
- Pelajaran
- 200
Soalan Lazim
Adakah pelajaran “Asas Nyahstruktur Tatasusunan/Objek” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Asas Nyahstruktur Tatasusunan/Objek”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 2 pelajaran.
Apakah yang akan saya pelajari dalam “Asas Nyahstruktur Tatasusunan/Objek”?
Nyahstruktur tatasusunan dan objek: asas, melangkau item, nilai lalai, menamakan semula dan helah pertukaran mudah. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 2.
Berapa lamakah pelajaran “Asas Nyahstruktur Tatasusunan/Objek” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?
Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Asas Nyahstruktur Tatasusunan/Objek
- Rest dan Spread — Tatasusunan serta Objek Mengikut Gaya Lazim