JavaScript - WeakSet 物件

JavaScript WeakSet 物件是物件的集合。WeakSet 與 Set 非常相似。WeakSet 和 Set 之間的主要區別在於 WeakSet 僅包含物件，而 Set 還可以包含數字、布林值、字串等值。

WeakSet 物件是弱的，這意味著對 WeakSet 中物件的引用是弱引用的。如果儲存在 WeakSet 中的值不存在其他引用，則這些值可以被垃圾回收。

WeakSet 物件對於跟蹤物件而不阻止它們被垃圾回收很有用。例如，跟蹤 DOM 節點而不必手動從 DOM 中刪除它們。

語法

請按照以下語法在 JavaScript 中定義 WeakSet 類的新的例項。

const weakest = new WeakSet([iterable]);

我們在上述語法中使用了 WeakSet() 建構函式和“new”關鍵字。

引數

iterable - 它是一個包含多個物件的 Iterable，用於初始化 WeakSet。

在 JavaScript 中，如果兩個物件包含相同的屬性和值，它們仍然是不同的，因為它們的引用不同。

這裡，我們列出了 WeakSet 的方法和屬性。

WeakSet 屬性

以下是 WeakSet 的所有屬性及其描述的列表。

序號	屬性和描述
1	constructor 它返回 WeakSet 建構函式。

WeakSet 方法

以下是與 WeakSet 物件關聯的方法及其描述的列表。

序號	方法和描述
1	add() 將物件插入 WeakSet。
2	delete() 從 WeakSet 中刪除單個物件。
3	has() 檢查特定物件是否存在於 WeakSet 中。

序號

方法和描述

add()

將物件插入 WeakSet。

delete()

從 WeakSet 中刪除單個物件。

has()

檢查特定物件是否存在於 WeakSet 中。

示例

示例：使用 WeakSet 的相似物件

在下面的示例中，我們定義了 obj1 和 obj2 空物件並將它們新增到 WeakSet 中。

此外，我們使用了 has() 方法來檢查集合是否包含 obj1 和 obj2 物件。兩個物件看起來相似，但在記憶體中具有不同的引用。因此，WeakSet 包含這兩個物件。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      const obj1 = {};
      const obj2 = {};
      const weak_set = new WeakSet([obj1, obj2]);

      if(weak_set.has(obj1)) {
         output.innerHTML += "The weak_set contains the obj1 object! <br>";
      }

      if(weak_set.has(obj2)) {
         output.innerHTML += "The weak_set contains the obj2 object! <br>";
      }
   </script>
</body>
</html>

輸出

The weak_set contains the obj1 object!
The weak_set contains the obj2 object!

示例：在 WeakSet 中新增物件

在下面的示例中，我們定義了包含 0 個元素的 WeakSet。此外，我們定義了 car 物件並使用 add() 方法將物件新增到集合中。

之後，我們使用 has() 方法來檢查物件是否已新增到 WeakSet 中。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      const weak_set = new WeakSet();
      const car = {
         brand: "Audi",
         model: "Q5",
      }
      weak_set.add(car);
      
      if (weak_set.has(car)) {
         output.innerHTML = "The car object is added successfully to the weak_set.";
      }
   </script>
</body>
</html>

輸出

The car object is added successfully to the weak_set.

示例：從 WeakSet 中刪除物件

在下面的示例中，我們使用 car 物件初始化了 WeakSet。之後，我們使用 delete() 方法從 WeakSet 中刪除物件。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      const car = {
         brand: "Audi",
         model: "Q5",
      }
      const carWeakSet = new WeakSet([car]);
	   const flag = carWeakSet.delete(car); // returns true if deleted successfully
      output.innerHTML = "The car object is deleted successfully from the carWeakSet? " + flag;
   </script>
</body>
</html>

輸出

The car object is deleted successfully from the carWeakSet? true

WeakSet 不可迭代。因此，您無法遍歷其元素。

列印頁面