อาร์เรย์แบบมีชนิดข้อมูล: T[] และ Array<T>

ยินดีต้อนรับ

ไวยากรณ์ T[]

const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

ไวยากรณ์ทั่วไป Array<T>

const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

ข้อผิดพลาดของชนิดในอาร์เรย์

const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

ชนิดอาร์เรย์ที่อนุมานได้

const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

อาร์เรย์ของอ็อบเจกต์

interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

เมธอดอาร์เรย์ทั่วไปมีชนิดกำกับ

const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

อาร์เรย์ซ้อนกัน

const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

อาร์เรย์ชนิดสหภาพ

const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

การแยกโครงสร้างอาร์เรย์พร้อมชนิด

const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

การเลือกใช้ T[] หรือ Array<T>

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน