0Pricing
JavaScript Academy · Pelajaran

CRUD Array, Iterasi; Dasar & Akses Objek

CRUD dan iterasi array; literal objek serta akses properti dengan titik, tanda kurung siku, dan rantai opsional

CRUD Array, Iterasi; Dasar & Akses Objek adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 2. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 2 pelajaran total.

Pengantar

Tujuan: Tangani larik dan objek dengan pola yang sederhana dan aman.

  • Operasi CRUD pada larik
  • Melakukan iterasi pada nilai
  • Akses objek
CRUD Array, Iterasi; Dasar & Akses Objek — ilustrasi 1

Dasar-dasar operasi CRUD pada larik

Gunakan push/unshift untuk menambahkan, dan pop/shift untuk menghapus. Buat hasil cetak tetap singkat untuk perangkat seluler.

// 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 Array, Iterasi; Dasar & Akses Objek — ilustrasi 2

Indeks & panjang

Gunakan akses berdasarkan indeks dan panjang untuk pembacaan sederhana.

// 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 Array, Iterasi; Dasar & Akses Objek — ilustrasi 3

Iterasi larik

for…of menghasilkan nilai secara langsung; forEach memanggil fungsi untuk 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 Array, Iterasi; Dasar & Akses Objek — ilustrasi 4

Literal objek & akses

Objek menyimpan pasangan key–value. Gunakan akses dengan titik atau kurung siku.

// 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 Array, Iterasi; Dasar & Akses Objek — ilustrasi 5

Perantaian opsional & penyebaran

?. mencegah error saat suatu jalur tidak ditemukan. Gunakan penyebaran ... untuk melakukan clone dan menggabungkan objek (key berikutnya menimpa key sebelumnya).

// 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 Array, Iterasi; Dasar & Akses Objek — ilustrasi 6

Kuis metode larik

Pemeriksaan singkat: Menambahkan ke akhir larik.

CRUD Array, Iterasi; Dasar & Akses Objek — ilustrasi 7

Ringkasan

Ringkasan: Anda berlatih melakukan operasi CRUD pada larik, melakukan iterasi dengan for…of/forEach, mengakses properti objek, menggunakan perantaian opsional, serta melakukan clone/penggabungan dengan penyebaran.

CRUD Array, Iterasi; Dasar & Akses Objek — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “CRUD Array, Iterasi; Dasar & Akses Objek” gratis?

Ya — teks lengkap “CRUD Array, Iterasi; Dasar & Akses Objek” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 2 pelajaran total.

Apa yang akan aku pelajari di “CRUD Array, Iterasi; Dasar & Akses Objek”?

CRUD dan iterasi array; literal objek serta akses properti dengan titik, tanda kurung siku, dan rantai opsional Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 2.

Berapa lama pelajaran “CRUD Array, Iterasi; Dasar & Akses Objek” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. CRUD Array, Iterasi; Dasar & Akses Objek
  2. Penggandaan dan Penggabungan — spread dan Object.assign
← Kembali ke JavaScript Academy