FluentStack

Primitive Types dan Arrays

Mode tersedia: dark, light, paper
MasukDaftar
Intermediate · Level 6: TypeScriptIntermediate45 menitBahasa Indonesia

Primitive Types dan Arrays

Menulis type annotation dasar untuk string, number, boolean, dan array sederhana.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Menulis type string, number, dan boolean
  • Menulis array type seperti string[] dan number[]
  • Memahami kapan type annotation membantu dan kapan inference sudah cukup
TypeScriptPrimitive TypesArrays

Isi lesson

6 blok
  1. 1.
    Mulai dari value yang paling sering dipakaiBelum selesaiWajib
  2. 2.
    Primitive dan array typeBelum selesaiWajib
  3. 3.
    Tidak semua variable perlu ditulis type-nyaBelum selesaiWajib
  4. 4.
    Coding practiceBelum selesaiWajib
  5. 5.
    Cek pemahamanBelum selesaiWajib
  6. 6.
    RingkasanBelum selesaiWajib

Mulai dari value yang paling sering dipakai

Wajib

TypeScript memakai nama type yang dekat dengan value JavaScript: `string` untuk teks, `number` untuk angka, dan `boolean` untuk true/false.

Untuk array, kamu bisa menulis `string[]` untuk daftar string dan `number[]` untuk daftar number. Bentuk ini cukup untuk banyak data UI awal: daftar judul lesson, score quiz, daftar tag, atau durasi latihan.

Bagian ini memengaruhi progres lesson.

Primitive dan array type

Wajib
ts
const learnerName: string = "Rina";
const completedLessons: number = 12;
const isReady: boolean = true;

const lessonTitles: string[] = ["Node.js", "npm", "TypeScript"];
const quizScores: number[] = [80, 90, 100];

Type annotation ditulis setelah nama variable. Untuk array, `string[]` berarti semua item harus string dan `number[]` berarti semua item harus number.

Bagian ini memengaruhi progres lesson.

Tips

Wajib

Tidak semua variable perlu ditulis type-nya

Jika value awal sudah jelas, TypeScript sering bisa menebak type sendiri. Tetapi di awal belajar, menulis type annotation kecil bisa membantu kamu melihat hubungan antara value dan type.

Bagian ini memengaruhi progres lesson.

Coding practice

WajibDibuka di workspace khusus

Type simple values dan arrays

Latihan menambahkan type annotation untuk primitive value dan array sederhana.

Tujuan awal: Fokus di tab TS.

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

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Type apa yang tepat untuk daftar judul lesson?

Progres lesson naik setelah jawaban benar.

Ringkasan

Wajib
  • `string`, `number`, dan `boolean` adalah primitive type yang paling sering dipakai.
  • `string[]` berarti array berisi string.
  • `number[]` berarti array berisi number.
  • Type inference membantu TypeScript menebak type dari value awal.
  • Berikutnya, kamu akan memberi type pada object yang dipakai UI.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Mulai dari value yang paling sering dipakai.