ES6中的Set方法

最新推荐文章于 2025-04-07 13:20:53 发布

向简

最新推荐文章于 2025-04-07 13:20:53 发布

阅读量3.3k

点赞数 3

文章标签： javascript html5 node.js

本文链接：https://blog.youkuaiyun.com/qq_57688111/article/details/120833053

版权

本文详细介绍了ES6中的Set对象，包括其作为唯一值存储的独特性，以及add、delete、has和clear等操作方法。通过实例演示如何利用Set进行数组去重，并展示了Set在并集、交集和差集计算中的应用。核心知识点包括Set转Array技巧、filter函数和箭头函数的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6中的Set方法

Set对象

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用

Set的操作方法：
add(value)：添加某个值，返回Set结构本身。
delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
has(value)：返回一个布尔值，表示该值是否为Set的成员。
clear()：清除所有成员，没有返回值

是不是发现了什么！唯一值
所以我们可以用Set特性来进行数组去重了！
let mySet = new Set([1,2,3,4,5,5,3,2]);
[…mySet]; // [1, 2, 3, 4,5]

let a = new Set([1,2,3]);
let b = new Set([2,3,4]);
//并集
  let union = new Set([...a,...b]);
  console.log(union);//Set(4) {1, 2, 3, 4}

  //交集
  let intersect = new Set([...a].filter(x => b.has(x)));
  console.log(intersect);//Set(2) {2, 3}

  //差集
  let difference = new Set([...a].filter(x => !b.has(x)));
  console.log(difference);//Set(1) {1}

几个知识点
1、[…a]
[…a] 就是将 set 转换成 array。以后需要将 set 转换成 array 基本都使用这种方法。
2、[…a].filter()
Array.filter(function(x)) 把传入的函数 function(x) 依次作用于每个元素，x 为元素的值，然后根据返回值是 true 还是 false 决定保留还是丢弃该元素。
意思就是遍历当前数组，当遍历到某个元素时，返回值为 false 就将该元素从数组中剔除。
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
3、 => 则是一种简写方法。

x => x * x

相当于

function(x){
	return x * x
}