ทูเพิล: อาร์เรย์แบบมีชนิดข้อมูลและความยาวคงที่

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

การกำหนดทูเพิล

const point: [number, number] = [10, 20];
const entry: [string, number] = ['age', 25];

การเข้าถึงสมาชิกทูเพิล

const pair: [string, number] = ['Alice', 30];
const name: string = pair[0]; // string
const age: number = pair[1];  // number

การแยกโครงสร้างทูเพิล

const [x, y]: [number, number] = [5, 10];
console.log(x + y); // 15

ทูเพิลเทียบกับอาร์เรย์

const arr: number[] = [1, 2, 3, 4];   // variable length
const tup: [number, string] = [1, 'a']; // fixed: 2 elements

สมาชิกทูเพิลที่เลือกได้

type Named = [string, string?]; // name, optional nickname
const a: Named = ['Alice'];
const b: Named = ['Bob', 'Bobby'];

สมาชิกส่วนที่เหลือในทูเพิล

type StringAndNumbers = [string, ...number[]];
const data: StringAndNumbers = ['scores', 90, 85, 78];

สมาชิกทูเพิลที่มีป้ายกำกับ

type Range = [start: number, end: number];
const r: Range = [0, 100];

ทูเพิลแบบอ่านอย่างเดียว

const origin: readonly [number, number] = [0, 0];
// origin[0] = 5; // Error

ทูเพิลเป็นค่าที่ฟังก์ชันส่งกลับ

function useCounter(): [number, () => void] {
  let count = 0;
  return [count, () => { count++; }];
}

การอนุมานทูเพิลด้วย as const

const pair = [1, 'hello'] as const;
// type: readonly [1, 'hello'] — not (number | string)[]

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

สรุปทบทวน