js set 基本使用

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

1.常用方法(没挨个试，打印可能不太准，转数组后才能打印)

1.1 new set()方式创建

const s = new Set(); 

1.2 传数组方式创建

const s=new Set([1,2,3])

1.3 添加元素add()

const s=new Set()
s.add(1) //[1]

1.4 删除元素delete()

const s=new Set([1,2,3])
s.delete(1) //[2,3]

1.5 获取元素个数size()

const s=new Set([1,2,3])
s.size() //3

1.6 判断set中是否包含某个元素has()

const s=new Set([1,2,3])
s.has(3) //true

1.7 清空set实例clear()

const s=new Set([1,2,3])
s.clear() //[]

2.其他内容

2.1Set 实例转数组

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

2.2 Set结构不会添加重复的值

const s = new Set([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(new Set(arr)); // [1, 2, 3, 4, 5]

2.3迭代

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

const s = new Set();
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]

2.4遍历

const s = new Set([1,2,3]);
for (const i of s) {
	console.log(i);
}
// 1
// 2
// 3

const s = new Set([1,2,3]);
s.forEach((value, key) => console.log(key + ' : ' + value));
// 1 : 1
// 2 : 2
// 3 : 3