JavaScript - Set.add() 方法

JavaScript 中的Set.add() 方法用於向 Set 物件新增新元素。Set 是唯一值的集合，即每個元素都必須是唯一的。如果我們嘗試新增與該集合中已有的元素具有相同值的元素，它將忽略重複的值並保持唯一性。

語法

以下是 JavaScript Set.add() 方法的語法：

add(value)

引數

此方法接受以下引數：

value - 要新增到 Set 的值。

返回值

此方法返回包含已新增值的 Set 物件本身。

示例

示例 1

在以下示例中，我們使用 JavaScript Set.add() 方法將數字 5 和 10 插入到“numberset”集合中：

<html>
<body>
   <script>
      const numberSet = new Set();
      numberSet.add(5);
      numberSet.add(10);
      document.write(`Result: ${[...numberSet]}`);
   </script>
</body>
</html>

如果我們執行上述程式，則提供的整型元素將新增到集合中。

示例 2

如果我們傳遞一個與該集合中已有的元素具有相同值的元素，它將忽略重複的值：

<html>
<body>
   <script>
      const numberSet = new Set();
      numberSet.add(5);
      numberSet.add(5);
      numberSet.add(5);
      numberSet.add(10);
      document.write(`Result: ${[...numberSet]}`);
   </script>
</body>
</html>

正如我們在輸出中看到的，重複的值被忽略，並且集合保持唯一性。

示例 3

在此示例中，我們將字串元素插入到“stringSet”集合中：

<html>
<body>
   <script>
      const stringSet = new Set();
      stringSet.add("Tutorialspoint");
      stringSet.add("Tutorix");
      document.write(`Result: ${[...stringSet]}`);
   </script>
</body>
</html>

執行上述程式後，提供的字串元素將新增到集合中。

示例 4

在此示例中，我們使用 add() 方法將兩個物件新增到“objectSet”集合中：

<html>
<body>
   <script>
      const objectSet = new Set();
      const obj1 = { Firstname: "Joe" };
      const obj2 = { Lastname: "Goldberg" };
      objectSet.add(obj1).add(obj2);
      
      document.write(`Result: ${JSON.stringify([...objectSet])}`);
   </script>
</body>
</html>

正如我們在輸出中看到的，物件值已新增到集合中。

示例 5

以下示例將布林值 true 和 false 插入到“booleanSet”集合中：

<html>
<body>
   <script>
      const booleanSet = new Set();
      booleanSet.add(true);
      booleanSet.add(false);
      document.write(`Result: ${[...booleanSet]}`);
   </script>
</body>
</html>

執行程式後，集合包含“true”和“false”作為元素。

列印頁面