อาร์เรย์ใน TypeScript

26.06.2023 — typescript — 1 min read

ใน TypeScript เราสามารถใช้งานและจัดการกับอาร์เรย์ได้หลากหลายวิธี ตั้งแต่การประกาศอาร์เรย์ การเข้าถึงข้อมูลในอาร์เรย์ การเพิ่มหรือลบข้อมูล และการทำงานกับฟังก์ชันสำหรับอาร์เรย์

สร้างอาร์เรย์ใน TypeScript สามารถทำได้โดยใช้วิธีการประกาศตัวแปรแบบอาร์เรย์และกำหนดค่าตั้งต้นให้กับอาร์เรย์ดังนี้:

let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: string[] = ["Apple", "Banana", "Orange"];`

ในตัวอย่างข้างต้น เราประกาศตัวแปร numbers และ fruits เป็นอาร์เรย์ของตัวเลขและอาร์เรย์ของสตริงตามลำดับ และกำหนดค่าตั้งต้นให้กับอาร์เรย์

เราสามารถเข้าถึงข้อมูลในอาร์เรย์ได้โดยใช้ดัชนี (index) ของข้อมูล เริ่มต้นด้วยดัชนีที่ 0 ตัวอย่างเช่น:

console.log(numbers[0]); // 1
console.log(fruits[1]); // "Banana"`

ในตัวอย่างข้างต้น เราเข้าถึงข้อมูลในอาร์เรย์ numbers ที่ดัชนีที่ 0 และอาร์เรย์ fruits ที่ดัชนีที่ 1

เรายังสามารถใช้ฟังก์ชันสำหรับอาร์เรย์ได้ เช่น push() เพื่อเพิ่มข้อมูลในอาร์เรย์ และ pop() เพื่อลบข้อมูลออกจากอาร์เรย์ ตัวอย่างเช่น:

let numbers: number[] = [1, 2, 3];
numbers.push(4); // เพิ่มตัวเลข 4 เข้าไปในอาร์เรย์
console.log(numbers); // [1, 2, 3, 4]

let lastNumber = numbers.pop(); // นำตัวเลขตัวสุดท้ายออกจากอาร์เรย์
console.log(lastNumber); // 4
console.log(numbers); // [1, 2, 3]`

ในตัวอย่างข้างต้น เราใช้ฟังก์ชัน push() เพื่อเพิ่มตัวเลข 4 เข้าไปในอาร์เรย์ numbers และใช้ฟังก์ชัน pop() เพื่อนำตัวเลขตัวสุดท้ายออกจากอาร์เรย์ และแสดงผลลัพธ์ผ่านคำสั่ง console.log()

เรายังสามารถใช้เมธอดและฟังก์ชันอื่นๆ สำหรับอาร์เรย์ใน TypeScript ได้ เช่น length เพื่อหาความยาวของอาร์เรย์ และ forEach() เพื่อทำงานกับแต่ละสมาชิกในอาร์เรย์

let numbers: number[] = [1, 2, 3, 4, 5];
console.log(numbers.length); // 5

numbers.forEach(function (number) {
 console.log(number);
});`

ในตัวอย่างข้างต้น เราใช้เมธอด length เพื่อหาความยาวของอาร์เรย์ numbers ซึ่งมีค่าเป็น 5 และใช้ฟังก์ชัน forEach() เพื่อแสดงผลลัพธ์ของแต่ละสมาชิกในอาร์เรย์

อาร์เรย์ใน TypeScript ยังมีฟังก์ชันอื่นๆ ที่สามารถใช้งานได้ เช่น slice() เพื่อดึงส่วนที่สนใจของอาร์เรย์ และ join() เพื่อรวมสมาชิกในอาร์เรย์เป็นสตริง คุณสามารถศึกษาฟังก์ชันเหล่านี้เพิ่มเติมได้จากเอกสารอย่างละเอียดของ TypeScript

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