การใช้งาน Set ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทความ: การใช้งาน Set ในภาษา JavaScript อย่างมีประสิทธิภาพ

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

อะไรคือ Set ในภาษา JavaScript?

`Set` เป็นโครงสร้างข้อมูลใน JavaScript ที่เก็บข้อมูลแบบไม่ซ้ำกัน (unique) หลายๆค่าในตัวแปรเดียว โดยที่ Set จะไม่คำนึงถึงลำดับของข้อมูล นี่เป็นจุดแตกต่างหลักจาก Array ที่สามารถมีข้อมูลซ้ำกันได้และคำนึงถึงลำดับของข้อมูล

การสร้างและใช้งาน Set

การสร้าง `Set` นั้นง่ายมาก ด้วยการใช้คำสั่ง `new Set()` ตามด้วยค่าเริ่มต้นหากมี ตัวอย่างเช่น:

 let mySet = new Set([1, 2, 3, 4, 5]);

นี่คือ Set ที่มีค่าตั้งแต่ 1 ถึง 5

ตัวอย่างโค้ด 1: เพิ่มข้อมูลใน Set

 let mySet = new Set();
mySet.add(1);
mySet.add(5);
mySet.add("Hello");

console.log(mySet);
// Output: Set(3) { 1, 5, "Hello" }

ตัวอย่างโค้ด 2: การตรวจสอบว่าค่าเฉพาะมีอยู่ใน Set หรือไม่

 let mySet = new Set([1, 2, 3, 4, 5]);
console.log(mySet.has(3)); // Output: true
console.log(mySet.has(6)); // Output: false

ตัวอย่างโค้ด 3: การนำข้อมูลออกจาก Set

 let mySet = new Set([1, 2, 3, 4, 5]);
mySet.delete(2);

console.log(mySet.has(2)); // Output: false
console.log(mySet); // Output: Set(4) { 1, 3, 4, 5 }

Usecase ในโลกจริงของ Set

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

 // ลูกค้าที่สมัครสมาชิกใหม่เข้ามา
let newSignUps = ["Alice", "Bob", "Charlie", "David", "Alice", "Bob"];

// กรองข้อมูลลูกค้าให้เหลือเพียงคนที่ไม่ซ้ำกัน
let uniqueSignUps = new Set(newSignUps);

// แสดงข้อมูลลูกค้าที่ไม่ซ้ำ
console.log([...uniqueSignUps]); // Output: ["Alice", "Bob", "Charlie", "David"]

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

สรุป และเชิญชวนเรียนรู้การเขียนโปรแกรมที่ EPT

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

หากคุณมีความสนใจในการเรียนรู้การเขียนโปรแกรมมากขึ้น ที่ EPT (Expert-Programming-Tutor) เรายินดีที่จะช่วยเหลือและเป็นผู้นำคุณในการค้นหาทักษะการเขียนโปรแกรมใหม่ๆ ไม่ว่าจะเป็นระดับเริ่มต้นหรือการเสริมทักษะให้เข้มข้นยิ่งขึ้น สอบถามข้อมูลและลงทะเบียนคอร์สการเรียนรู้กับเราได้เลย และเปิดประตูสู่โลกโปรแกรมมิ่งอย่างไม่มีขีดจำกัด!

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

Tag ที่น่าสนใจ: javascript set data_structure programming web_development array unique_values manipulating_data code_example digital_era

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Set ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทความ: การใช้งาน Set ในภาษา JavaScript อย่างมีประสิทธิภาพ

Usecase ในโลกจริงของ Set

สรุป และเชิญชวนเรียนรู้การเขียนโปรแกรมที่ EPT

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Set ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทความ: การใช้งาน Set ในภาษา JavaScript อย่างมีประสิทธิภาพ

Usecase ในโลกจริงของ Set

สรุป และเชิญชวนเรียนรู้การเขียนโปรแกรมที่ EPT

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์