七種 JavaScript 中新的 Set 方法
作者：佚名
作為開發(fā)人員，不斷探索新內(nèi)容，是我們必備的技能之一，今天就讓我們一起來探索一下Set 對(duì)象的出色新增功能，我整理了7個(gè)內(nèi)容，希望對(duì)你們有所幫助。
作為開發(fā)人員，不斷探索新內(nèi)容，是我們必備的技能之一，今天就讓我們一起來探索一下Set 對(duì)象的出色新增功能，我整理了7個(gè)內(nèi)容，希望對(duì)你們有所幫助。
1. Intersection()：尋找共同點(diǎn)
這個(gè)方法揭示了兩個(gè)集合之間的共同元素。把它想象成一個(gè)維恩圖，突出顯示重疊區(qū)域。
讓我們看看實(shí)際效果：
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() 方法將兩個(gè)集合中的獨(dú)特元素合并為一個(gè)全新的集合?？梢詫⑵湎胂鬄楹喜蓚€(gè)組，每個(gè)組僅保留一個(gè)實(shí)例。
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()：突出差異
此方法主要是為了強(qiáng)調(diào)兩個(gè)集合之間的差異。它收集每個(gè)集合獨(dú)有的元素，排除任何共享元素。
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()：檢查包含性
此方法確定一個(gè)集合的所有元素是否存在于另一個(gè)集合中。可以將其視為檢查一個(gè)較小的盒子是否完全適合一個(gè)較大的盒子。
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() 的逆方法。它檢查一個(gè)集合是否完全包含另一個(gè)集合的所有元素。
const setA = new Set([1, 2, 3, 4]);
const setB = new Set([2, 3]);
const isSuperset = setA.isSupersetOf(setB);
// Expected output: true7. isDisjointFrom()：識(shí)別分離
此方法可幫助我們找出兩個(gè)集合是否有任何共同元素。
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瀏覽器兼容性：簡(jiǎn)要說明
這些新的 Set 方法，并不是所有瀏覽器都支持，如果你想要在項(xiàng)目中使用的話，請(qǐng)注意查閱相應(yīng)的瀏覽器兼容性。
今天內(nèi)容就先分享到這里，希望這些內(nèi)容對(duì)你有所幫助。
責(zé)任編輯：華軒
來源：
web前端開發(fā)
