深入理解 JavaScript 中的 Set 对象

在 JavaScript 中，Set 是一种特殊的类型，它类似于数组，但 Set 中只存储唯一的值。这意味着如果你尝试添加一个已经存在于 Set 中的值，Set 不会做任何事情，也就是说，这个值不会被添加两次。
Set 对象的创建
你可以通过 new Set() 来创建一个新的 Set 对象。例如：

let mySet = new Set();

你也可以在创建 Set 对象时直接传入一个可迭代对象（如数组），这样该数组中的所有值都会被添加到 Set 中：

let mySet = new Set([1, 2, 3, 4, 5]);

Set 对象的特性

• 唯一性：Set 中的每个值都必须是唯一的。如果你尝试添加一个已经存在的值，Set 不会做任何事情。
• 可迭代性：你可以使用 for…of 循环来遍历 Set 中的所有值。
• 自动排序：在最新的 ECMAScript 标准中，Set 是自动排序的。这意味着当你向 Set 中添加新的元素时，它会按照元素的插入顺序进行排序。
• 与数组不同：虽然 Set 和数组都是可迭代的，但它们之间存在一些重要的区别。最明显的是数组有索引（即索引可以是负数）和长度属性，而 Set 没有这些特性。此外，Set 的方法是更少的。
  Set 对象的方法
• add(value)：添加一个值到 Set 中。如果该值已经存在，则不会做任何事情。
• delete(value)：从 Set 中删除一个值。如果删除成功，则返回 true；否则返回 false。
• has(value)：检查 Set 是否包含一个特定的值。如果包含，则返回 true；否则返回 false。
• clear()：清除 Set 中的所有值。这个方法没有参数。
  Set 对象的应用场景
  由于 Set 的唯一性特性，它在许多场景中都非常有用。例如，你可能想要跟踪一个页面上的所有点击事件或跟踪用户会话中的所有请求。在这些情况下，使用 Set 可以确保每个事件或请求只被处理一次。
  另一个常见的应用场景是当你需要从一个集合中删除某些元素时。例如，你可能有一个数组，你想要删除其中的重复项或某些特定的元素。使用 Set 可以更有效地完成这个任务，因为你可以在 O(1) 时间复杂度内检查一个元素是否存在于 Set 中或添加一个元素到 Set 中。
  示例
  下面是一个简单的示例，演示如何使用 Set：
  ```javascript
  let mySet = new Set();
  mySet.add(1); // {1}
  mySet.add(2); // {1, 2}
  mySet.add(2); // Set 不变，因为 2 已经存在
  mySet.add(3); // {1, 2, 3}
  mySet.delete(2); // {1, 3}
  mySet.has(2); // false, 因为 2 已经被删除了
  mySet.has(3); // true, 因为 3 仍然存在于 Set 中