七种JavaScript中新的 Set 方法-51CTO.COM

作为开发人员，不断探索新内容，是我们必备的技能之一，今天就让我们一起来探索一下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 方法，并不是所有浏览器都支持，如果你想要在项目中使用的话，请注意查阅相应的浏览器兼容性。

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