0Pricing
TypeScript Academy · Pelajaran

Array Bertipe: T[] dan Array<T>

Berikan tipe pada array dan cegah pencampuran nilai yang tidak kompatibel.

Array Bertipe: T[] dan Array<T> adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. 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 TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat Datang

TypeScript memungkinkan Anda menentukan tipe array sehingga hanya nilai dengan tipe tertentu yang dapat disimpan. Pelajaran ini membahas dua bentuk sintaks dan kasus penggunaannya.

Sintaks T[]

Cara paling umum untuk menentukan tipe array adalah menambahkan [] pada tipe elemen. Ini disebut sintaks singkat.
const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

Sintaks Generik Array<T>

Sintaks generik Array setara dengan T[]. Beberapa tim memilihnya agar konsisten dengan tipe generik lainnya.
const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

Kesalahan Tipe dalam Array

Jika Anda mencoba menambahkan nilai dengan tipe yang salah, TypeScript melaporkan kesalahan. Hal ini mencegah array bertipe campuran menimbulkan bug.
const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

Tipe Array yang Disimpulkan

Jika Anda menginisialisasi array dengan nilai, TypeScript menyimpulkan tipe elemennya. Array kosong disimpulkan sebagai `never[]`—selalu berikan anotasi pada array kosong.
const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

Array Berisi Objek

Anda dapat menentukan tipe array berisi objek menggunakan antarmuka atau alias tipe sebagai tipe elemennya.
interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

Metode Array Umum Memiliki Tipe

TypeScript memahami metode array bawaan. map, filter, dan find semuanya mengembalikan hasil dengan tipe yang tepat.
const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

Array Bersarang

Tentukan tipe array 2D dengan menyusun sintaks tipe array secara bertingkat.
const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

Array Gabungan

Untuk mengizinkan beberapa tipe dalam sebuah array, gunakan tipe gabungan sebagai tipe elemennya.
const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

Destrukturisasi Array dengan Tipe

Saat Anda melakukan destrukturisasi array, TypeScript menyimpulkan tipe variabel yang dihasilkan dari destrukturisasi tersebut.
const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

Memilih T[] vs Array<T>

Kedua bentuk tersebut identik bagi TypeScript. Gunakan T[] untuk tipe sederhana. Gunakan Array ketika tipe elemennya panjang atau ketika menggunakan generik lain demi kejelasan visual.

Pemeriksaan Singkat

Apa yang disimpulkan TypeScript untuk array kosong yang dideklarasikan sebagai `const list = []`?

Rangkuman

Gunakan T[] atau Array untuk menentukan tipe array dalam TypeScript. Selalu berikan anotasi pada array kosong. TypeScript menegakkan tipe elemen pada push, map, filter, dan operasi array lainnya.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Array Bertipe: T[] dan Array<T>” gratis?

Ya — teks lengkap “Array Bertipe: T[] dan Array<T>” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Array Bertipe: T[] dan Array<T>”?

Berikan tipe pada array dan cegah pencampuran nilai yang tidak kompatibel. Kamu berlatih TypeScript 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 TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript 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 4.

Berapa lama pelajaran “Array Bertipe: T[] dan Array<T>” 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 TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript 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. Array Bertipe: T[] dan Array
  2. Array Readonly dan Data Imutabel
  3. Tuple: Array Bertipe dengan Panjang Tetap
  4. Enum: Konstanta Numerik dan String
← Kembali ke TypeScript Academy