JavaScript Set ใช้เก็บรายการข้อมูลที่ไม่ซ้ำกัน (unique)

 

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

ชุดมีประโยชน์สำหรับงานต่างๆ เช่น:

• ลบรายการซ้ำออกจากรายการ

• ค้นหาจุดตัดหรือสหภาพของสองชุด

• ตรวจสอบว่าค่าอยู่ในชุดหรือไม่

• วนซ้ำผ่านชุดค่าที่ไม่ซ้ำกัน

ในการสร้างชุดใหม่ คุณสามารถใช้ไวยากรณ์ต่อไปนี้:

JavaScript

const mySet = new Set();

คุณยังสามารถส่งวัตถุที่วนซ้ำได้ เช่น อาร์เรย์ ไปยังตัวสร้างชุดเพื่อสร้างชุดใหม่จากวัตถุที่มีอยู่:

JavaScript

const myArray = ["a", "b", "c", "d", "a"];

const mySet = new Set(myArray);

วัตถุชุดมีวิธีการจำนวนหนึ่งที่คุณสามารถใช้เพื่อโต้ตอบกับมัน รวมถึง:

• add(): เพิ่มค่าใหม่ลงในชุด

• delete(): ลบค่าออกจากชุด

• has(): ตรวจสอบว่าค่าอยู่ในชุดหรือไม่

• size: คืนค่าจำนวนองค์ประกอบในชุด

• values(): คืนค่าวัตถุที่วนซ้ำของค่าในชุด

• keys(): คืนค่าวัตถุที่วนซ้ำของคีย์ในชุด

• entries(): คืนค่าวัตถุที่วนซ้ำของคู่คีย์-ค่าในชุด

ต่อไปนี้เป็นตัวอย่างวิธีใช้ชุดใน JavaScript:

JavaScript

// สร้างชุดใหม่

const mySet = new Set();

// เพิ่มค่าลงในชุด

mySet.add(1);

mySet.add(2);

mySet.add(3);

mySet.add("a");

mySet.add("b");

// ตรวจสอบว่าค่าอยู่ในชุดหรือไม่

console.log(mySet.has(1)); // true

console.log(mySet.has("c")); // false

// รับจำนวนองค์ประกอบในชุด

console.log(mySet.size); // 5

// วนซ้ำผ่านค่าในชุด

for (const value of mySet) {

  console.log(value);

}

// 1

// 2

// 3

// a

// b

// ลบค่าออกจากชุด

mySet.delete(2);

// ตรวจสอบว่าค่ายังคงอยู่ในชุดหรือไม่

console.log(mySet.has(2)); // false

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