Set 迎來史詩級(jí)加強(qiáng),新增七個(gè)實(shí)用方法!
大家好,我是林三心,用最通俗易懂的話講最難的知識(shí)點(diǎn)是我的座右銘,基礎(chǔ)是進(jìn)階的前提是我的初心。
前幾天 JavaScript 正式官宣,發(fā)布了 7 個(gè)Set的新方法,而且都非常的實(shí)用,也是很多前端開發(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 無交集
下面通過幾個(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() 很相似,只不過前后角色順序反過來了罷了。
圖片
代碼示例如下:
圖片
isDisjointFrom()
這個(gè)方法判斷 Set 是否與另一個(gè) Set 無交集,是的話返回 true,否則返回false。
圖片
代碼示例如下:
圖片
兼容性
目前這些方法只能在Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+中使用。