JavaScript 中的Set从基础到高级用法

const set = new Set();

// 空 Set
const set = new Set();
// 从数组初始化（自动去重）
const set = new Set([1, 2, 3, 2, 1]); // Set { 1, 2, 3 }
// 从字符串创建（字符去重）
const charSet = new Set('hello'); // Set { 'h', 'e', 'l', 'o' }

const userSet = new Set();
userSet.add('Alice');
userSet.add('Bob');
userSet.add('Alice'); // 重复，忽略
console.log(userSet.has('Alice')); // true
console.log(userSet.delete('Bob')); // true
console.log(userSet.size); // 1
userSet.clear();
console.log(userSet.size); // 0

new Set()
  .add(1)
  .add(2)
  .add(3);

const set = new Set(['a', 'b', 'c']);
// 遍历值
for (const value of set) {
  console.log(value);
}
// a
// b
// c
// 或使用 values()
for (const value of set.values()) {
  console.log(value);
}
// 遍历键值对（每个键值相同）
for (const [key, value] of set.entries()) {
  console.log(key, value); // a a, b b, c c
}

set.forEach((value, key) => {
  console.log(value); // 注意：key === value
});

const arr = [1, 2, 2, 3, 3, 4];
const uniqueArr = [...new Set(arr)];
// [1, 2, 3, 4]
// 或
const uniqueArr = Array.from(new Set(arr));

const a = new Set([1, 2, 3]);
const b = new Set([2, 3, 4]);
// 并集
const union = new Set([...a, ...b]); // {1, 2, 3, 4}
// 交集
const intersection = new Set([...a].filter(x => b.has(x))); // {2, 3}
// 差集（a - b）
const difference = new Set([...a].filter(x => !b.has(x))); // {1}

const hasDuplicates = (arr) => {
  return new Set(arr).size !== arr.length;
};
hasDuplicates([1, 2, 2]); // true
hasDuplicates([1, 2, 3]); // false

const set = new Set(['a', 'b', 'c']);
// Set → Array
const arr = [...set]; // ['a', 'b', 'c']
// 或 Array.from(set)
// Array → Set
const newSet = new Set(arr);

const ws = new WeakSet();
const obj = { name: 'Alice' };
ws.add(obj);
console.log(ws.has(obj)); // true
// 当 obj 被销毁，WeakSet 中的引用也会被自动清除

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

const disabledElements = new WeakSet();
disabledElements.add(button);
// 当 button 被移除，标记自动消失

const objSet = new Set();
const key = JSON.stringify({ id: 1 });
objSet.add(key);