七種 JavaScript 中新的 Set 方法
作者：佚名
作為開發(fā)人員，不斷探索新內(nèi)容，是我們必備的技能之一，今天就讓我們一起來探索一下Set 對象的出色新增功能，我整理了7個內(nèi)容，希望對你們有所幫助。
作為開發(fā)人員，不斷探索新內(nèi)容，是我們必備的技能之一，今天就讓我們一起來探索一下Set 對象的出色新增功能，我整理了7個內(nèi)容，希望對你們有所幫助。
1. Intersection()：尋找共同點
這個方法揭示了兩個集合之間的共同元素。把它想象成一個維恩圖，突出顯示重疊區(qū)域。
讓我們看看實際效果：
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()：聯(lián)合力量
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()：突出差異
此方法主要是為了強調(diào)兩個集合之間的差異。它收集每個集合獨有的元素，排除任何共享元素。
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: true6. isSupersetOf()：逆關(guān)系
顧名思義，此方法是 isSubsetOf() 的逆方法。它檢查一個集合是否完全包含另一個集合的所有元素。
const setA = new Set([1, 2, 3, 4]);
const setB = new Set([2, 3]);
const isSuperset = setA.isSupersetOf(setB);
// Expected output: true7. 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 方法，并不是所有瀏覽器都支持，如果你想要在項目中使用的話，請注意查閱相應(yīng)的瀏覽器兼容性。
今天內(nèi)容就先分享到這里，希望這些內(nèi)容對你有所幫助。
責(zé)任編輯：華軒
來源：
web前端開發(fā)
