大家好，我是林三心，用最通俗易懂的話講最難的知識(shí)點(diǎn)是我的座右銘，基礎(chǔ)是進(jìn)階的前提是我的初心。

前幾天 JavaScript 正式官宣，發(fā)布了 7 個(gè)Set的新方法，而且都非常的實(shí)用，也是很多前端開(kāi)發(fā)者心心念念的方法。

有哪些新的 Set 方法呢？

總共有 7 個(gè)新的方法，分別是：

• intersection() 計(jì)算兩個(gè) Set 的 交集
• union() 計(jì)算兩個(gè) Set 的 并集
• difference() 計(jì)算兩個(gè) Set 的 差集
• symmetricDifference() 取兩個(gè) Set 的 差集 的 并集
• isSubsetOf() 判斷 Set 是否是另一個(gè) Set 的 超集
• isDisjointFrom() 判斷 Set 是否與另一個(gè) Set 無(wú)交集

下面通過(guò)幾個(gè)代碼案例給大家講解：

intersection()

這個(gè)方法用于取兩個(gè) Set 的 交集。

圖片

代碼示例如下：

圖片

union()

這個(gè)方法用于取兩個(gè) Set 的 并集。

圖片

代碼示例如下：

圖片

difference()

這個(gè)方法用于取兩個(gè) Set 的 差集。

圖片

代碼示例如下：

圖片

symmetricDifference()

這個(gè)方法用于取兩個(gè) Set 的 差集 的 并集。

圖片

代碼示例如下：

圖片

isSubsetOf()

這個(gè)方法判斷 Set 是否是另一個(gè) Set 的 子集，是的話返回 true，否則返回false。

圖片

代碼示例如下：

圖片

isSupersetOf()

這個(gè)方法判斷 Set 是否是另一個(gè) Set 的 超集，是的話返回 true，否則返回false。

其實(shí)跟 isSubsetOf() 很相似，只不過(guò)前后角色順序反過(guò)來(lái)了罷了。

圖片

代碼示例如下：

圖片

isDisjointFrom()

這個(gè)方法判斷 Set 是否與另一個(gè) Set 無(wú)交集，是的話返回 true，否則返回false。

圖片

代碼示例如下：

圖片

兼容性

目前這些方法只能在Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+中使用。