专栏名称: 全栈前端精选
内容为王,精选为则。从前端到全栈,定期分享前端、客户端、Node、面试、职场感悟等相关高质量文章。小白的大神养成记,你我共勉!
51好读  ›  专栏  ›  全栈前端精选

Set 迎来史诗级加强,新增 7 个实用方法!

全栈前端精选  · 公众号  · 前端  · 2024-07-24 13:50

主要观点总结

文章介绍了JavaScript新发布的7个Set方法,包括计算交集、并集、差集、对称差集以及判断超集、子集和是否无交集的方法。通过代码案例详细解释了每个方法的使用,并提到了这些方法的兼容性情况。

关键观点总结

关键观点1: 新的Set方法介绍

文章介绍了JavaScript发布的7个新的Set方法,包括intersection()、union()、difference()、symmetricDifference()、isSubsetOf()、isSupersetOf()和isDisjointFrom(),并详细解释了每个方法的作用。

关键观点2: 代码案例演示

文章通过代码案例展示了每个Set方法的使用方式,帮助读者更好地理解这些方法的功能和用法。

关键观点3: 方法的兼容性

文章提到了这些新方法的兼容性情况,说明目前这些方法只能在Node 22+、Chrome/Edge 122+、Firefox 127+、Safari 17+中使用。


正文

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

前几天 JavaScript 正式官宣,发布了 7 个 Set 的新方法,而且都非常的实用,也是很多前端开发者心心念念的方法~

有哪些新的 Set 方法呢?

总共有 7 个新的方法,分别是:

  • intersection() 计算两个 Set 的 交集
  • union() 计算两个 Set 的 并集
  • difference() 计算两个 Set 的 差集
  • symmetricDifference() 取两个 Set 的 差集 并集
  • isSubsetOf() 判断 Set 是否是另一个 Set 的 超集
  • isDisjointFrom() 判断 Set 是否与另一个 Set 无交集

下面通过几个代码案例给大家讲解~

intersection()

这个方法用于取两个 Set 的 交集


代码示例如下:


union()

这个方法用于取两个 Set 的 并集


代码示例如下:


difference()

这个方法用于取两个 Set 的 差集


代码示例如下:







请到「今天看啥」查看全文