ประเภทดัชนีสำหรับอาร์เรย์ใน TypeScript

ใน TypeScript สามารถสร้างอินเทอร์เฟซได้ ซึ่งจะกำหนดประเภทคู่คีย์-ค่า ในอาร์เรย์และอ็อบเจ็กต์ ประเภทดังกล่าวเรียกว่า อินเดกซ์ได้

มาดูในทางปฏิบัติกัน สร้าง อินเทอร์เฟซ IArray ซึ่งจะ กำหนดคู่คีย์-องค์ประกอบสำหรับอาร์เรย์ ระบุว่าคีย์ของอาร์เรย์จะเป็นตัวเลข (ที่นี่เราไม่มีตัวเลือกอื่น) และ ค่าเป็นสตริง:

interface IArray {
	[index: number]: string;
}

ตอนนี้ประกาศตัวแปร arr ด้วย ประเภทดัชนีของเรา:

let arr: IArray;

กำหนดค่าให้กับตัวแปรของเราในรูปแบบ อาร์เรย์ของสตริง:

let arr: IArray = ['a', 'b', 'c'];

ตอนนี้ หากทำองค์ประกอบของอาร์เรย์ เป็นตัวเลข TypeScript จะแสดงข้อผิดพลาด:

let arr: IArray = [1, 2, 3]; // ข้อผิดพลาด

สร้างอินเทอร์เฟซที่อธิบายอาร์เรย์ด้วย ค่าในรูปแบบตัวเลข