อาร์เรย์และทูเพิล

ยินดีต้อนรับสู่บทเรียนถัดไป! ในบทเรียนนี้ เราจะสำรวจวิธีทำงานกับอาร์เรย์และทูเพิลใน TypeScript โครงสร้างเหล่านี้ช่วยให้คุณจัดเก็บค่าหลายค่าอย่างเป็นระเบียบ มาเริ่มกันเลย!

อาร์เรย์คืออะไร

อาร์เรย์ คือชุดของรายการที่จัดเก็บไว้ในตัวแปรเดียว ใน TypeScript คุณสามารถระบุชนิดข้อมูลของสมาชิกภายในอาร์เรย์ได้ ตัวอย่าง:

ภารกิจ: สร้างอาร์เรย์ที่เก็บตัวเลขที่คุณชื่นชอบและบันทึกค่าไว้ในคอนโซล

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);

การเข้าถึงสมาชิกในอาร์เรย์

คุณสามารถเข้าถึงสมาชิกในอาร์เรย์โดยใช้ดัชนี โปรดจำไว้ว่าดัชนีของอาร์เรย์เริ่มต้นที่ 0:

ภารกิจ: ลองเข้าถึงสมาชิกต่าง ๆ ในอาร์เรย์และบันทึกค่าเหล่านั้นไว้ในคอนโซล

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

เมธอดอาร์เรย์ที่ใช้บ่อย

อาร์เรย์ใน TypeScript มีเมธอดที่เป็นประโยชน์มากมาย ต่อไปนี้คือตัวอย่างบางส่วน:

• ความยาว: เพิ่มสมาชิกต่อท้ายอาร์เรย์
• นำออก: นำสมาชิกตัวสุดท้ายออกจากอาร์เรย์
• ขนาด: ส่งคืนจำนวนสมาชิกในอาร์เรย์

ตัวอย่าง:

ภารกิจ: ทดลองใช้เมธอดของอาร์เรย์ เช่น push และ pop

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

ทูเพิลคืออะไร

ทูเพิล คืออาร์เรย์ที่มีความยาวคงที่ โดยสมาชิกแต่ละตัวสามารถมีชนิดข้อมูลแตกต่างกันได้ ทูเพิลมีประโยชน์สำหรับจัดกลุ่มข้อมูลที่เกี่ยวข้องกันแต่มีชนิดข้อมูลต่างกัน ตัวอย่าง:

ภารกิจ: สร้างทูเพิลเพื่อแทนนักเรียนที่มีชื่อและ age

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

การทำงานกับทูเพิล

เช่นเดียวกับอาร์เรย์ ทูเพิลรองรับการเข้าถึงด้วยดัชนีและเมธอด อย่างไรก็ตาม โครงสร้างของทูเพิลจะคงที่ และคุณไม่สามารถเพิ่มสมาชิกพิเศษได้โดยไม่แก้ไขชนิดข้อมูลของทูเพิล ตัวอย่าง:

ภารกิจ: กำหนดทูเพิลสำหรับจุดในพื้นที่ 2 มิติและบันทึกค่าของจุดนั้น

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

การใช้อาร์เรย์ของทูเพิล

คุณสามารถสร้างอาร์เรย์ของทูเพิลเพื่อจัดเก็บรายการข้อมูลที่เกี่ยวข้องกันหลายรายการ ตัวอย่าง:

ภารกิจ: สร้างอาร์เรย์ของทูเพิลเพื่อจัดเก็บชื่อและอายุของเพื่อนของคุณ

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

ข้อผิดพลาดที่พบบ่อย

ต่อไปนี้คือข้อผิดพลาดที่พบบ่อยเมื่อทำงานกับอาร์เรย์และทูเพิล:

• เข้าถึงสมาชิกนอกขอบเขตของอาร์เรย์ (ผลลัพธ์คือ undefined)
• ใช้ข้อมูลผิดชนิดในอาร์เรย์หรือทูเพิล (ทำให้เกิดข้อผิดพลาดใน TypeScript)
• พยายามเปลี่ยนโครงสร้างของทูเพิลโดยไม่ปรับปรุงชนิดข้อมูลของทูเพิล

เคล็ดลับ: ระบุชนิดข้อมูลอย่างชัดเจนเสมอเพื่อหลีกเลี่ยงการทำงานที่ไม่คาดคิด!

ทำได้ยอดเยี่ยม!

ขอแสดงความยินดีด้วย! คุณได้เรียนรู้วิธีใช้อาร์เรย์และทูเพิลใน TypeScript เพื่อจัดเก็บและจัดการกลุ่มข้อมูลแล้ว สิ่งเหล่านี้เป็นเครื่องมือสำคัญสำหรับจัดการข้อมูลที่มีโครงสร้างในโปรแกรมของคุณ ในบทเรียนถัดไป เราจะสำรวจชนิดยูเนียนและชนิดอินเตอร์เซกชันเพื่อจัดการกับสถานการณ์ที่ซับซ้อนยิ่งขึ้น มาเขียนโค้ดกันต่อ!