长话简说JavaScript（6）Set详细解读_script set 参数-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42981890/article/details/121901379

本文介绍了ECMAScript6中新增的Set数据结构，展示了其不重复值的特性以及如何使用add、delete方法进行操作。通过示例，详细解释了如何自定义集合操作如并集、交集和差集，提供了类XSet的实现，并通过实例演示了这些操作的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。

const s1 = new Set();
const s2 = new Set(["val1", "val2", "val3"]);
const s3 = new Set({ 
 [Symbol.iterator]: function*() { 
 yield "val1"; 
 yield "val2"; 
 yield "val3"; 
 } 
});

console.log(s1.has("Matt")); // false
console.log(s1.add("Matt")); // [object Set] 
console.log(s1.size); // 1
console.log(s1.delete("Matt")); // true

s2.forEach((val, dupVal) => console.log(`${val} -> ${dupVal}`)); // val1 -> val1 val2 -> val2 val3 -> val3 
for (let value of s2[Symbol.iterator]()) { 
 console.log(value); // val1 val2 val3
}

可以自定义API
因为set可以保证插入顺序，不支持value重复

class XSet extends Set { 
 union(...sets) { 
 return XSet.union(this, ...sets) 
 } 
 intersection(...sets) { 
 return XSet.intersection(this, ...sets); 
 } 
 difference(set) { 
 return XSet.difference(this, set); 
 } 

 // 返回两个或更多集合的并集
 static union(a, ...bSets) { 
 const unionSet = new XSet(a); 
 for (const b of bSets) { 
 for (const bValue of b) { 
 unionSet.add(bValue); 
 } 
 } 
 return unionSet; 
 } 
 // 返回两个或更多集合的交集
 static intersection(a, ...bSets) { 
 const intersectionSet = new XSet(a); 
 for (const aValue of intersectionSet) { 
 for (const b of bSets) { 
 if (!b.has(aValue)) { 
 intersectionSet.delete(aValue); 
 } 
 } 
 } 
 return intersectionSet; 
 } 
 // 返回两个集合的差集
 static difference(a, b) { 
 const differenceSet = new XSet(a); 
 for (const bValue of b) { 
 if (a.has(bValue)) { 
 differenceSet.delete(bValue); 
 } 
 } 
 return differenceSet; 
 } 

}

let xset = new XSet();
let sss = xset.union([2,1,3],[1,2,4],[5,6,7]);
for (let value of sss[Symbol.iterator]()) { 
 console.log(value); // 2 1 3 4
}