ชุด
ชุดเป็นประเภทวัตถุใหม่โดย ES6 มันไม่มีอะไรเลยนอกจากการสะสมของค่านิยมซึ่งมีเอกลักษณ์เฉพาะตัว ค่าอาจเป็นค่าพื้นฐานอย่างง่าย เช่น สตริง จำนวนเต็ม เป็นต้น หรือประเภทอ็อบเจ็กต์ที่ซับซ้อน เช่น ตัวหนังสืออ็อบเจ็กต์หรืออาร์เรย์
ไวยากรณ์
new Set([iterable]);
พารามิเตอร์
ทำซ้ำได้
เป็นวัตถุที่ทำซ้ำได้ซึ่งองค์ประกอบจะถูกเพิ่มเข้าไปในชุดใหม่ ในกรณีที่ไม่ได้ระบุ iterable หรือส่งค่า Null ชุดใหม่จะว่างเปล่า
ตัวอย่าง
เนื่องจากชุดอนุญาตเฉพาะค่าที่ไม่ซ้ำกัน ความยาวของวัตถุหลังจากเพิ่มองค์ประกอบที่มีอยู่ในชุดจะไม่เปลี่ยนแปลง
<html>
<body>
<script>
var set1 = new Set(["a","a","b","b","c"]);// no of unique elements - 3(a, b and c)
set1.add('c').add('d') // Two elements were added (c,d)
set1.forEach(alphabet => { // In total 7 elements but only 4 unique values
document.write(`alphabet ${alphabet}!`);
document.write("</br>");
});
document.write(set1.size); // it displays 4 since sets accept only unique values.
</script>
</body>
</html> ผลลัพธ์
alphabet a! alphabet b! alphabet c! alphabet d! 4
ตัวอย่าง-2
ชุดยังแสดงค่าบูลีน พวกเขาตรวจสอบว่าองค์ประกอบที่ให้มานั้นพร้อมใช้งานหรือไม่อยู่ในชุดที่กำหนดและดำเนินการเอาต์พุตบูลีน
<html>
<body>
<script>
var set1 = new Set(["a","a","b","b","c"]);
set1.add('c').add('d')
set1.forEach(alphabet => {
document.write(`alphabet ${alphabet}!`);
document.write("</br>");
});
document.write(set1.has('a')); // it display true because a is there in set1
document.write("</br>");
document.write(set1.has('8')); // it display false because there is no 8 in the set1.
document.write("</br>");
document.write(set1.size); // displays only unique values because only unique values are accepted
</script>
</body>
</html> ผลลัพธ์
alphabet a! alphabet b! alphabet c! alphabet d! true false 4
