Akademi JavaScript · Pelajaran

CRUD Tatasusunan, Lelaran; Asas & Akses Objek

CRUD dan lelaran tatasusunan; literal objek serta capaian sifat menggunakan titik/kurungan dan rantaian pilihan.

Pelajaran 1 daripada 28 langkah

CRUD Tatasusunan, Lelaran; Asas & Akses 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: Kendalikan tatasusunan dan objek menggunakan corak yang mudah dan selamat.

  • Operasi cipta, baca, kemas kini dan padam pada tatasusunan
  • Lakukan lelaran terhadap nilai
  • Akses objek
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 1

Asas operasi tatasusunan

Gunakan push/unshift untuk menambah dan pop/shift untuk membuang. Pastikan cetakan ringkas supaya mudah dibaca pada telefon mudah alih.

// Make an array
const colors = ["red", "green"];

// Add to end
colors.push("blue");

// Add to start
colors.unshift("pink");

// Remove from end
const last = colors.pop();

// Remove from start
const first = colors.shift();

console.log("Colors now:", colors);
console.log("Removed:", first, last);
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 2

Indeks dan length

Gunakan akses index dan length untuk bacaan mudah.

// Read by index and use length
const nums = [10, 20, 30];

console.log("First:", nums[0]);
console.log("Last:", nums[nums.length - 1]);
console.log("Count:", nums.length);
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 3

Lelaran tatasusunan

for…of menghasilkan nilai secara langsung; forEach memanggil fungsi bagi setiap nilai.

// Iterate values with for…of
const fruits = ["apple", "banana", "cherry"];

for (const value of fruits) {
  console.log("of:", value);
}

// Or use forEach with a small callback
fruits.forEach(function (v) {
  console.log("each:", v);
});
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 4

Literal objek dan akses

Objek menyimpan pasangan key–value. Gunakan akses dot atau bracket.

// Create an object with properties
const user = {
  name: "Ayla",
  level: 1,
  active: true
};

// Dot access
console.log("Name:", user.name);

// Bracket access (useful for dynamic keys)
const key = "level";
console.log("Level:", user[key]);
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 5

Rantaian pilihan dan sebaran

?. mengelakkan ralat apabila laluan tiada. Gunakan sebaran ... untuk membuat clone dan menggabungkan objek (key yang kemudian mengatasi key yang terdahulu).

// Optional chaining: safely read nested values
const profile = { contact: { email: "ayla@example.com" } };
console.log("Email:", profile.contact?.email);
console.log("Twitter:", profile.social?.twitter);

// Clone and merge with spread
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };

const clone = { ...base };
const merged = { ...base, ...extra };

console.log("Clone:", clone);
console.log("Merged:", merged);
CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 6

Kuiz kaedah tatasusunan

Semakan pantas: Menambah pada hujung tatasusunan.

CRUD Tatasusunan, Lelaran; Asas & Akses Objek — ilustrasi 7

Ringkasan

Ringkasan: Anda berlatih menggunakan operasi tatasusunan, melakukan lelaran dengan for…of/forEach, mengakses sifat objek, menggunakan rantaian pilihan, serta membuat clone dan menggabungkan dengan sebaran.

CRUD Tatasusunan, Lelaran; Asas & Akses 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 “CRUD Tatasusunan, Lelaran; Asas & Akses Objek” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “CRUD Tatasusunan, Lelaran; Asas & Akses 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 “CRUD Tatasusunan, Lelaran; Asas & Akses Objek”?

CRUD dan lelaran tatasusunan; literal objek serta capaian sifat menggunakan titik/kurungan dan rantaian pilihan. 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 “CRUD Tatasusunan, Lelaran; Asas & Akses 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. CRUD Tatasusunan, Lelaran; Asas & Akses Objek
  2. Pengklonan dan Penggabungan — spread dan Object.assign
← Kembali ke Akademi JavaScript