Akademi JavaScript · Pelajaran

Asas Nyahstruktur Tatasusunan/Objek

Nyahstruktur tatasusunan dan objek: asas, melangkau item, nilai lalai, menamakan semula dan helah pertukaran mudah.

Pelajaran 1 daripada 28 langkah

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 Nyahstruktur Tatasusunan/Objek — ilustrasi 1

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);
Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 2

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);
Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 3

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 Nyahstruktur Tatasusunan/Objek — ilustrasi 4

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);
Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 5

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);
Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 6

Kuiz sintaks pertukaran

Semakan pantas: Pertukaran dengan penyahstruktur.

Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 7

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.

Asas Nyahstruktur Tatasusunan/Objek — ilustrasi 8
Percuma untuk bermula

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

  1. Asas Nyahstruktur Tatasusunan/Objek
  2. Rest dan Spread — Tatasusunan serta Objek Mengikut Gaya Lazim
← Kembali ke Akademi JavaScript