JavaScript WeakSet ใช้เก็บคอลเลกชันของอ็อบเจกต์ เช่นเดียวกับ Set ไม่เก็บค่าซ้ำ
เมธอดของ WeakSet -
| เมธอด | คำอธิบาย |
|---|---|
| add(obj) | เพิ่มค่าใหม่เข้า WeakSet |
| delete(obj) | ลบค่าออกจาก WeakSet |
| has(obj) | คืน true/false ว่า WeakSet มีค่านั้นหรือไม่ |
| length() | คืนความยาวของ WeakSet |
ต่อไปนี้เป็นโค้ดสำหรับ WeakSet ใน JavaScript
ตัวอย่าง
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: red; } </style> </head> <body> <h1>JavaScript WeakSet</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3> CLICK the above button to add obj1 and obj2 to the WeakSet object </h3> <script> let resultEle = document.querySelector(".result"); let weakObj = new WeakSet(); let obj1 = { a: 22 }; let obj2 = { b: 44 }; document.querySelector(".Btn").addEventListener("click", () => { weakObj.add(obj1); resultEle.innerHTML += "Obj1 added to weakset <br>"; weakObj.add(obj2); resultEle.innerHTML += " Obj2 added to weakset <br>"; }); </script> </body> </html>ผลลัพธ์
เมื่อคลิกปุ่ม 'CLICK HERE' -
