如何使用Set的delete()方法删除元素？

在 JavaScript 中，Set 对象的 delete() 方法用于移除指定值的元素。以下是关于如何正确使用 delete() 方法的详细指南：

一、基本语法与参数

set.delete(value);

• 参数：value 是要从 Set 中删除的元素值。
• 返回值：
  • 如果元素存在并被成功删除，返回 true。
  • 如果元素不存在，返回 false。
• 注意：Set 的 delete() 方法基于 值的严格相等性（===） 判断元素是否存在，因此：
  • delete(5) 与 delete("5") 是不同的操作。
  • 对象或数组需通过引用删除，而非值内容。

二、删除基本类型元素

const set = new Set([1, 2, 3, 4]);

// 删除存在的元素
console.log(set.delete(3)); // true
console.log([...set]);      // [1, 2, 4]

// 删除不存在的元素
console.log(set.delete(5)); // false
console.log([...set]);      // [1, 2, 4]

三、删除对象或数组元素

由于 Set 存储对象时基于引用而非值内容，删除对象需使用相同的引用：

const obj1 = {
    id: 1 };
const obj2 = {
    id: 2 };
const set = new Set([obj1, obj2]);

// 通过引用删除对象
console.log(set.delete(obj1)); // true
console.log([...set]);         // [{ id: 2 }]

// 尝试删除相同内容但不同引用的对象
const obj3 = {
    id: 2 }; // 内容与 obj2 相同，但引用不同
console.log(set.delete(obj3)); // false（obj3 不在 Set 中）

四、批量删除元素的方法

1. 使用临时数组过滤并重建 Set

const set = new Set([1, 2, 3, 4, 5]);
const filteredArray = [...set].filter(num => num % 2 === 0); // 保留偶数

// 清空原 Set 并添加过滤后的元素
set.clear();
filteredArray.forEach(num => set.add(num));

console.log([...set]); // [2, 4]

2. 遍历并删除符合条件的元素

需注意避免在遍历过程中直接删除元素（可能导致迭代异常），应先收集待删除元素：

const set = new Set([1, 2, 3, 4, 5]);
const toDelete = [];

// 收集待删除的元素
for (const num of set) {
   
  if (num > 3) {
   
    toDelete.push(num);
  }
}

// 批量删除
toDelete.forEach(num => set.delete(num));

console.log([...set]); // [1, 2, 3]

五、常见错误与注意事项

1. 删除不存在的元素不会报错

   const set = new Set();
   set.delete("non-existent"); // 返回 false，不会抛出错误
   

2. 区分值类型与引用类型

   • 基本类型（如数字、字符串）按值删除。
   • 对象/数组按引用删除，即使内容相同，不同引用也视为不同元素。

3. 避免在 for...of 中直接删除元素
   直接删除可能导致迭代器异常，推荐先收集待删除元素，再批量处理（见上文示例）。

4. 删除后 Set 的 size 属性会更新

   const set = new Set([1, 2, 3]);
   set.delete(2);
   console.log(set.size); // 2
   

六、应用场景示例

1. 移除重复元素

const arrayWithDuplicates = [1, 2, 2, 3, 3, 3];
const uniqueSet = new Set(arrayWithDuplicates);

// 若需要删除特定重复元素（如所有 3）
uniqueSet.delete(3);
console.log([...uniqueSet]); // [1, 2]

2. 实现黑名单过滤

const users = new Set(["Alice", "Bob", "Charlie"]);
const blacklist = ["Bob", "Eve"];

blacklist.forEach(user => users.delete(user));
console.log([...users]); // ["Alice", "Charlie"]

七、总结：安全删除元素的最佳实践

1. 直接删除单个元素：

   if (set.has(value)) {
        
     set.delete(value);
   }
   

2. 批量删除：
   先收集待删除元素到数组，再遍历数组调用 delete()。

3. 处理对象元素：
   确保使用相同的对象引用进行删除，或通过其他方式（如标记）识别待删除对象。

通过合理使用 delete() 方法，可高效管理 Set 中的元素，同时避免因引用混淆或迭代异常导致的问题。