JavaScript中 新的七种 ​Set 方法

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

 

关于优联前端

        武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。承接Web前端，微信小程序、小游戏，2D/3D游戏，动画交互与UI广告设计等各种技术研发。