ECMAScript6（ES6）之set数据结构

最新推荐文章于 2024-02-19 17:19:22 发布

原创最新推荐文章于 2024-02-19 17:19:22 发布 · 400 阅读

0 ·

CC 4.0 BY-SA版权

es6 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了 ECMAScript 6 中新增的 Set 数据结构的基本概念、属性和方法，包括操作方法如 add 和 delete，以及遍历方法 keys 和 values。此外还展示了如何利用 Set 实现集合运算，例如并集、交集和差集。

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

ECMAScript6（ES6）之set数据结构

ES6提供了新的数据结构-set。它类似于数组，但是成员的值都是唯一的，没有重复的值。set本身是一个构造函数，用来生成set数据。

let s=new Set();
[2,3,4,5,6,2,5].map(x=>s.add(x));
console.log(s);//{2, 3, 4, 5, 6}

1.属性

Set.prototype.constructor:构造函数，默认就是set函数
Set.prototype.size:返回Set实例的成员总数

2.set的实例方法分为两大类，操作方法（用于操作数据）和遍历方法（用于遍历成员）

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

let s=new Set();
s.add(1).add(2);
console.log(s.size);//2
console.log(s.has(1),s.has(4))//true false
s.delete(1);
console.log(s.has(1))//false
s.clear();
console.log([...s],s.size)//[] 0

Array.form方法可以将Set结构转为数组

let items=new Set([1,2,3,4,5]);
let array=Array.from(items);
console.log(array);//[1, 2, 3, 4, 5]

2.2 遍历操作
Set结构的实例有4个遍历方法
keys():返回一个键名的遍历器。
values():返回一个键值的遍历器
entries():返回一个键值对的遍历器
forEach():使用回调函数遍历每个成员
注意：由于Set结构没有键名，只有键值（或者说键名和键值是同一个值），所以说keys和values方法的行为完成一致。

let set=new Set(['red','green','blue']);
for(let item of set.keys()){
	console.log(item);
	//red
   //green
   // blue
}
for(let s of set.values()){
	console.log(s);
	//red
   //green
   // blue
}
//entries方法返回的遍历器同时包括键名和键值
for(let x of set.entries()){
	console.log(x);
	//["red", "red"]
    //["green", "green"]
    //["blue", "blue"]
}

3.使用set可以很容易地实现并集、交集、和差集

let a=new Set([1,2,3]);
let b=new Set([4,5,3,2]);
//并集
let untion=new Set([...a,...b]);
console.log([...untion]);//[1, 2, 3, 4, 5]
//交集
let intersect=new Set([...a].filter(x=>b.has(x)));
console.log([...intersect]);//[2, 3]
//差集
let diggerence=new Set([...a].filter(x=>!b.has(x)));
console.log([...diggerence])//[1]

set结构的实例的forEach方法用于对每个成员执行某种操作，没有返回值
let c=new Set([1,2,3,5]);
c.forEach((value,key)=>console.log(value*2));
//2
//4
//6
//10

参考：ES6标准入门（第二版)