七種 JavaScript 中新的 Set 方法

作者：佚名 2025-01-15 10:46:23

作為開發人員，不斷探索新內容，是我們必備的技能之一，今天就讓我們一起來探索一下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 方法，并不是所有瀏覽器都支持，如果你想要在項目中使用的話，請注意查閱相應的瀏覽器兼容性。

今天內容就先分享到這里，希望這些內容對你有所幫助。

責任編輯：華軒來源： web前端開發

開發 JavaScript 集合