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”作为元素。

打印页面