7 种JavaScript中新的 Set 方法

大厂技术  高级前端  Node进阶点击上方 程序员成长指北，关注公众号
回复1，加入高级Node交流群

作为开发人员，不断探索新内容，是我们必备的技能之一，今天就让我们一起来探索一下Set 对象的出色新增功能，我整理了7个内容，希望对你们有所帮助。

1. Intersection()：寻找共同点 

这个方法揭示了两个集合之间的共同元素。把它想象成一个维恩图，突出显示重叠区域。

让我们看看实际效果：

const setA = new Set([1, 2, 3, 4]);
const setB = new Set([3, 4, 5, 6]);


const intersection = setA.intersection(setB); 
// Expected output:  Set {3, 4}

2. union()：联合力量 

union() 方法将两个集合中的独特元素合并为一个全新的集合。可以将其想象为合并两个组，每个组仅保留一个实例。

const setA = new Set([1, 2, 3]);
const setB = new Set([3, 4, 5]);


const unionSet = setA.union(setB); 
// Expected output: Set {1, 2, 3, 4, 5}

3. difference()：找出唯一性 

此方法可精确定位第一组中存在但第二组中不存在的元素。想象一下从一组元素中减去另一组元素。

const setA = new Set([1, 2, 3]);
const setB = new Set([3, 4, 5]);


const differenceSetA = setA.difference(setB); 
// Expected output: Set {1, 2}


const differenceSetB = setB.difference(setA); 
// Expected output: Set {4, 5}

4. symmetricDifference()：突出差异 

此方法主要是为了强调两个集合之间的差异。它收集每个集合独有的元素，排除任何共享元素。

const setA = new Set([1, 2, 3]);
const setB = new Set([3, 4, 5]);


const symmetricDifferenceSetA = setA.symmetricDifference(setB);
//  Expected output: Set {1, 2, 4, 5}


const symmetricDifferenceSetB = setB.symmetricDifference(setA);
//  Expected output: Set {4, 5, 1, 2}

5. isSubsetOf()：检查包含性 

此方法确定一个集合的所有元素是否存在于另一个集合中。可以将其视为检查一个较小的盒子是否完全适合一个较大的盒子。

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


const isSubset = setA.isSubsetOf(setB); 
// Expected output: true

6. isSupersetOf()：逆关系 

顾名思义，此方法是 isSubsetOf() 的逆方法。它检查一个集合是否完全包含另一个集合的所有元素。

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


const isSuperset = setA.isSupersetOf(setB); 
// Expected output: true

7. isDisjointFrom()：识别分离 

此方法可帮助我们找出两个集合是否有任何共同元素。

const setA = new Set([1, 2]);
const setB = new Set([3, 4]);
const setC = new Set([4, 5]);


const areDisjoint1 = setA.isDisjointFrom(setB); 
// Expected output: true


const areDisjoint2 = setB.isDisjointFrom(setC); 
// Expected output: false

浏览器兼容性：简要说明 

这些新的 Set 方法，并不是所有浏览器都支持，如果你想要在项目中使用的话，请注意查阅相应的浏览器兼容性。

今天内容就先分享到这里，希望这些内容对你有所帮助。

最后，感谢你的阅读，祝编程愉快。

Node 社群



我组建了一个氛围特别好的 Node.js 社群，里面有很多 Node.js小伙伴，如果你对Node.js学习感兴趣的话（后续有计划也可以），我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。

   “分享、点赞、在看” 支持一波👍