การใช้งาน Set ในภาษา TypeScript แบบง่ายๆ

Set คืออะไร?

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

ข้อดีของการใช้ Set ก็คือมันมีประสิทธิภาพในด้านความเร็วและการจัดการข้อมูล โดยเฉพาะอย่างยิ่งเมื่อคุณต้องการตรวจสอบว่าค่าหนึ่งมีอยู่ในชุดข้อมูลหรือไม่ เพราะ Set มีเวลาในการค้นหาที่เร็วกว่า Array

การสร้าง Set ใน TypeScript

การสร้าง Set ใน TypeScript สามารถทำได้ง่ายๆ โดยใช้ `new Set()` เราสามารถสร้าง Set ว่าง ๆ หรือนำข้อมูลลงไปใน Set ได้ด้วย

ตัวอย่างโค้ดการสร้าง Set

 // สร้าง Set ว่าง
const mySet = new Set<number>();

// เพิ่มค่าลงใน Set
mySet.add(1);
mySet.add(2);
mySet.add(2); // ค่านี้จะถูกมองข้ามไป

console.log(mySet); // Output: Set { 1, 2 }

// สร้าง Set จาก Array
const arrayWithDuplicates = [1, 2, 2, 3, 4, 4];
const uniqueSet = new Set(arrayWithDuplicates);

console.log(uniqueSet); // Output: Set { 1, 2, 3, 4 }

วิธีการทำงานของ Set

Set มีเมธอดหลายตัวที่ช่วยให้คุณสามารถจัดการกับค่าต่างๆ ได้อย่างสะดวก เช่น:

- `add(value)` - เพิ่มค่าใหม่เข้าสู่ Set

- `delete(value)` - ลบค่าที่กำหนดออกจาก Set

- `has(value)` - ตรวจสอบว่าค่ามีอยู่ใน Set หรือไม่

- `clear()` - ลบค่าทั้งหมดใน Set

- `size` - แสดงจำนวนสมาชิกใน Set

ตัวอย่างโค้ดการใช้งาน Set แบบครบวงจร

 const mySet = new Set<string>();

// เพิ่มค่า
mySet.add("apple");
mySet.add("banana");
mySet.add("cherry");

// ตรวจสอบว่ามีค่าอยู่ใน Set หรือไม่
if (mySet.has("banana")) {
    console.log("Banana is in the set");
}

// ลบค่าที่ต้องการออก
mySet.delete("cherry");

// แสดงจำนวนสมาชิกใน Set
console.log(`Number of items in set: ${mySet.size}`);

// ล้างข้อมูลทั้งหมดใน Set
mySet.clear();
console.log(`Set cleared. Size: ${mySet.size}`); // Output: Set cleared. Size: 0

Use Case ในโลกจริง

การใช้งาน Set สามารถพบได้ในหลายๆ สถานการณ์ในชีวิตจริง นี่คือสองตัวอย่างที่ชัดเจน:

1. การลบค่าที่ซ้ำกันจาก Array

ในหลาย ๆ กรณีเมื่อคุณได้รับข้อมูลที่มีการซ้ำกัน การใช้ Set จะสามารถช่วยให้คุณลบค่าที่ซ้ำกันได้อย่างง่ายดาย เช่น เมื่อมีข้อมูลของลูกค้าที่ลงทะเบียนผ่านเว็บไซต์และคุณต้องการให้มีเพียงอีเมล์ที่ไม่ซ้ำกัน

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

 const emails = [
    "example1@gmail.com",
    "example2@gmail.com",
    "example1@gmail.com",
    "example3@gmail.com"
];

const uniqueEmails = new Set(emails);
console.log(Array.from(uniqueEmails)); // Output: [ 'example1@gmail.com', 'example2@gmail.com', 'example3@gmail.com' ]

2. การจัดการรหัสผ่านที่ไม่ซ้ำกัน

ในแอปพลิเคชันที่คุณต้องการให้ผู้ใช้สมัครสมาชิกและตั้งรหัสผ่านที่ไม่ซ้ำกัน การใช้ Set จะทำให้ง่ายขึ้นในการตรวจสอบว่ารหัสผ่านที่ผู้ใช้ตั้งขึ้นมีอยู่แล้วหรือไม่

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

 const passwords = new Set<string>();

function register(password: string) {
    if (passwords.has(password)) {
        console.log("Password already in use!");
        return false;
    } else {
        passwords.add(password);
        console.log("Password registered successfully!");
        return true;
    }
}

register("mysecurepassword123"); // Output: Password registered successfully!
register("mysecurepassword123"); // Output: Password already in use!

สรุป

เรียนรู้การเขียนโปรแกรมเพื่ออนาคตที่ดีขึ้น อย่ารอช้า! เชิญมาทำความรู้จักกับ EPT และเข้าร่วมกับเราในโลกของการเขียนโปรแกรมวันนี้!

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