การใช้งาน Dynamic Array ในภาษา TypeScript: ง่ายเหมือนปลอกกล้วย!

เมื่อเราพูดถึง "Dynamic Array" ในการเขียนโปรแกรม ย่อมทำให้เกิดความคิดถึงความยืดหยุ่นและประสิทธิภาพในการจัดการข้อมูลอย่างทันสมัย ในบทความนี้เราจะมาศึกษา dynamic array ในภาษา TypeScript อย่างละเอียด ทั้งการทำงาน, ตัวอย่างโค้ด, และ use case ในโลกจริงที่จะทำให้คุณได้เห็นภาพที่ชัดเจนยิ่งขึ้น!

Dynamic Array คืออะไร?

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

ทำไมต้องใช้ Dynamic Array?

การสร้าง Dynamic Array ใน TypeScript

TypeScript เรียกใช้ Array แบบดั้งเดิม โดยถ้าคุณต้องการสร้าง Dynamic Array คุณสามารถใช้คำสั่ง `push` เพื่อเพิ่มสมาชิก และ `pop` เพื่อเอาสมาชิกออก อย่างไรก็ตาม คุณสามารถใช้ array แบบธรรมดา ๆ เพื่อการทำงานแบบ dynamic หรือจะสร้าง class ของตัวเองก็ได้

ตัวอย่างโค้ด

 // การสร้าง Dynamic Array โดยใช้ TypeScript
class DynamicArray<T> {
    private array: T[];
    private size: number;

    constructor() {
        this.array = [];
        this.size = 0;
    }

    public add(element: T): void {
        this.array[this.size++] = element;  // เพิ่มสมาชิก
    }

    public remove(): T | undefined {
        if (this.size === 0) return undefined;  // ถ้าไม่มีสมาชิกก็คืนค่า undefined
        const element = this.array[--this.size];  // ลบสมาชิกล่าสุด
        this.array[this.size] = undefined;  // หมายเหตุ: ทำให้แน่ใจว่าไม่มีการอ้างอิง
        return element;
    }

    public get(index: number): T | undefined {
        return this.array[index];  // คืนค่าสมาชิกตาม index
    }

    public getSize(): number {
        return this.size;  // คืนค่าขนาดปัจจุบันของ array
    }
}

// การทดสอบ Dynamic Array
const dynamicArray = new DynamicArray<number>();
dynamicArray.add(1);
dynamicArray.add(2);
dynamicArray.add(3);

console.log(dynamicArray.getSize());  // ช่วยแสดงขนาดเป็น 3
console.log(dynamicArray.get(1));  // จะคืนค่า 2

dynamicArray.remove();  // ลบสมาชิกล่าสุด
console.log(dynamicArray.getSize());  // ช่วยแสดงขนาดเป็น 2

อธิบายโค้ด

ในตัวอย่างข้างต้น เราได้สร้าง class ชื่อ `DynamicArray` ที่รองรับการสร้าง array ได้แบบ dynamic โดยคลาสนี้มีเมธอดต่าง ๆ เช่น:

- `add`: เพื่อเพิ่มสมาชิกลงใน array

- `remove`: เพื่อลบสมาชิกล่าสุดออกจาก array

- `get`: เพื่อดึงค่าที่อยู่ใน index ที่ระบุ

- `getSize`: เพื่อคืนค่าขนาดของ array ปัจจุบัน

เราได้สร้าง instance ของ `DynamicArray` ขึ้นมาแล้วทำการเพิ่ม ลบ และดึงข้อมูลจาก array ได้อย่างสะดวก

Use Case ในโลกจริง

Dynamic Array มีการใช้งานที่หลากหลายในการพัฒนาโปรแกรม ตัวอย่างการใช้งานที่มีความนิยมคือ:

เชิญชวนศึกษาที่ EPT

หลังจากที่คุณได้เรียนรู้เกี่ยวกับ Dynamic Array ใน TypeScript แล้ว คงเห็นถึงความแข็งแกร่งและยืดหยุ่นของโครงสร้างข้อมูลนี้เป็นอย่างดี หากคุณรู้สึกว่าการเขียนโปรแกรมเป็นสิ่งที่สนใจและยากในเวลาเดียวกัน ขอชวนคุณมาศึกษาการเขียนโปรแกรมที่ EPT (Expert-Programming-Tutor) ที่จะช่วยให้คุณเข้าใจพื้นฐานได้เร็วขึ้น พร้อมเริ่มพัฒนาโครงการจริง!

พบกันที่ EPT ที่ที่การเรียนรู้ไม่มีที่สิ้นสุด!

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