FluentStack

Object Dasar untuk Satu Item

Mode tersedia: dark, light, paper
MasukDaftar
Beginner · Level 4: JavaScript FundamentalsBeginner35 menitBahasa Indonesia

Object Dasar untuk Satu Item

Belajar memakai object untuk menyimpan beberapa informasi tentang satu item UI.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Memahami object sebagai data untuk satu item
  • Mengenali property sebagai pasangan nama dan value
  • Membaca property object dengan dot notation
JavaScriptObjectsUI Data

Isi lesson

7 blok
  1. 1.
    Satu item biasanya punya beberapa informasiBelum selesaiWajib
  2. 2.
    Object berisi propertyBelum selesaiWajib
  3. 3.
    Object untuk card lessonBelum selesaiWajib
  4. 4.
    Nama property harus konsistenBelum selesaiWajib
  5. 5.
    Cek pemahamanBelum selesaiWajib
  6. 6.
    Coding practiceBelum selesaiWajib
  7. 7.
    RingkasanBelum selesaiWajib

Satu item biasanya punya beberapa informasi

Wajib

Array cocok untuk daftar value. Tetapi satu card lesson tidak hanya punya satu value. Card bisa punya title, estimasi waktu, status wajib, dan label level. Untuk menyimpan beberapa informasi tentang satu item, JavaScript memakai object.

Bagian ini memengaruhi progres lesson.

Object berisi property

Wajib

Object ditulis dengan kurung kurawal. Di dalamnya ada property. Property adalah nama yang menunjuk ke value. Contohnya title menunjuk ke teks judul, estimatedMinutes menunjuk ke angka, dan isRequired menunjuk ke boolean.

Bagian ini memengaruhi progres lesson.

Object untuk card lesson

Wajib
js
const lessonCard = {
  title: "Array Dasar untuk Data UI",
  estimatedMinutes: 30,
  isRequired: true,
};

console.log(lessonCard.title);
console.log(lessonCard.estimatedMinutes);

lessonCard adalah satu object. title, estimatedMinutes, dan isRequired adalah property. lessonCard.title membaca value dari property title.

Bagian ini memengaruhi progres lesson.

Kesalahan umum

Wajib

Nama property harus konsisten

Kalau object punya property estimatedMinutes, maka kode harus membaca lessonCard.estimatedMinutes. Menulis lessonCard.minutes tidak akan membaca value yang sama karena property itu tidak ada.

Bagian ini memengaruhi progres lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Pada kode lessonCard.title, bagian mana yang dibaca dari object?

Progres lesson naik setelah jawaban benar.

Coding practice

WajibDibuka di workspace khusus

Membuat object untuk satu card

Latihan menyimpan beberapa informasi tentang satu card lesson di dalam object.

Tujuan awal: Fokus di tab JS.

Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.

Tombol selesai aktif setelah semua validasi wajib lolos.

5 cek otomatis3 checklist
Belum selesaiBuka practice

Ringkasan

Wajib
  • Object cocok untuk menyimpan beberapa informasi tentang satu item.
  • Property adalah nama yang menunjuk ke value di dalam object.
  • Dot notation membaca property, misalnya lessonCard.title.
  • Nama property harus konsisten agar data bisa dibaca dengan benar.
  • Berikutnya, kamu akan menggabungkan array dan object untuk membuat list data yang lebih realistis.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Satu item biasanya punya beberapa informasi.

Memuat progresReview module