js中Set基本使用

介绍

ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。Set 在很多方面都像是加强的 Map，这是因为它们的大多数 API 和行为都是共有的。

基本API

1. 创建Set实例

使用 new 关键字和 Set 构造函数可以创建一个空集合：

const s =newSet();

如果想在创建的同时初始化实例，则可以给 Set 构造函数传入一个可迭代对象，其中需要包含插入到新集合实例中的元素(Set 可以包含任何 JavaScript 数据类型作为值)：

const s =newSet(["val1",1,true,{}, undefined,functionfun(){}]);

注意:Set结构不会添加重复的值

const s =newSet([1,1,2,3,4,4,5,6,7,4,2,1]);
Array.from(s);//  [1, 2, 3, 4, 5, 6, 7]

经常用Set解决数组去重问题

const arr =[1,2,3,3,4,5,4,4,2,1,3];
Array.from(newSet(arr));// [1, 2, 3, 4, 5]

2. Set实例转数组

const s =newSet([1,2,3]);
Array.from(s);// [1, 2, 3]

3. size属性

size: 获取Set实例的元素个数：

const s =newSet([1,2,3]);
s.size;// 3

4. add()

add(): 添加元素：

const s =newSet();
s.add(1).add(2).add(3);
Array.from(s);// [1, 2, 3]

5. has()

has(): 查询Set实例是否存在某元素(返回布尔值)：

const s =newSet();
s.add(1).add(2).add(3);
s.has(1);// true

6. delete()

delete(): 删除Set实例中某个元素(返回布尔值)：

const s =newSet();
s.add(1).add(2);
s.delete(1);
Array.from(s);// [2]

7. clear()

clear(): 清空Set实例：

const s =newSet();
s.add(1).add(2).add(3);
Array.from(s);// [1, 2, 3]
s.clear();
Array.from(s);// []

8. 迭代

keys():返回键名;
values(): 返回键值；
entries(): 返回键值对;
键名=键值

const s =newSet();
s.add(1).add(2).add(3);
Array.from(s.keys());// [1, 2, 3]
Array.from(s.values());// [1, 2, 3]
Array.from(s.entries());// [[1, 1], [2, 2], [3, 3]]

for-of:

const s =newSet();
s.add(1).add(2).add(3);for(const i of s){
    console.log(i);}// 1// 2// 3

forEach

const s =newSet();
s.add(1).add(2).add(3);
s.forEach((value, key)=> console.log(key +' : '+ value));// 1 : 1// 2 : 2// 3 : 3