日常学习笔记 - ES6中的Set类型
一、理解
Set本质是ES6中新添加的一种数据类型，在结构上类似于数组，但set集合中的元素具有唯一性。
二、创建Set实例
ES6中内置了Set对象（构造函数），通过new字符进行实例化。
// 创建Set实例
let set1 = new Set(); // {}
let set2 = new Set([1,2,{name:'杰克'}]); // {1,2,{name:'杰克'}}
三、Set数据类型提供的属性和方法
1.size 查询该set实例的长度，类似数组的length
set1.size; // 0
set2.size; // 3
set2.length; // undefined
2.操作方法
1) add(value) 向Set实例中添加值，返回实例本身。
let set = new Set();
set.add(['新增元素1']); // {'新增元素1'}
set.add([1,2,3]); // {'新增元素1',[1,2,3]}
set.add({name:'snow'}); // {'新增元素1',[1,2,3],{name:'snow'}}
2) delete(value) 从Set实例中删除值，如果实例中存在该值，则删除该值，返回true，反之则返回false。
let set = new Set(['b','c']); // {'b','c'}
set.delete('a'); // false
set.delete('b'); // true
3) has(value) 判断Set实例中是否存在该值，存在则返回true，不存在则返回false。
let set = new Set(['b','c']); // {'b','c'}
set.has('a'); // false
set.has('b'); // true
4) clear() 清空Set实例的所有元素，无返回值
let set = new Set(['b','c']); // {'b','c'}
set.clear(); // undefined
set; // {}
3.遍历方法
1) keys() 返回键名
let set = new Set(['a','b','c']); // {'a','b','c'}
set.keys(); // {'a','b','c'}
2) values() 返回键值
let set = new Set(['a','b','c']); // {'a','b','c'}
set.values(); // {'a','b','c'}
3) entries() 返回键值对
let set = new Set(['a','b','c']); // {'a','b','c'}
set.entries(); // {'a' => 'a', 'b' => 'b', 'c' => 'c'}
4) forEach 用法与普通数组完全相同
let set = new Set(['a','b','c']);
set.forEach((item,index)=>{
console.log(item,index); // aa bb cc
})
1.由于Set数据类型的键名、键值完全相同，所以以上方法中keys和values的效果完全相同；同理forEach方法中的item和index也等同。
2.Set实例默认可以遍历，所以也可以直接使用for of遍历。
四、普通数组和Set实例的互相转换
1.数组转为Set实例
let arr = [1,2,3];
let set = new Set(arr); // {1,2,3}
2.Set实例转为数组
let set = new Set([1,2,3]); // {1,2,3}
// 方式一 扩展运算符
let arr = [...set]; // [1,2,3]
// 方式二 Array.from方法
let arr = Array.from(set); // [1,2,3]
五、Set的应用示例
1.数组去重
let arr = [1,1,2,2,3,4,4];
let newArr = [...new Set(arr)]; // [1,2,3,4];
2.获取交集、并集、差集
let arr1 = [1,2,3];
let arr2 = [3,4,5];
// 交集
let newArr = [...new Set([...arr1,...arr2])]; // [1,2,3,4,5]
// 并集
let set2 = new Set(arr2);
let newArr = [...new Set(arr1.filter(item => set2.has(item) )]; // [3]
// 差集
let set2 = new Set(arr2);
let newArr = [...new Set(arr1.filter(item => !set2.has(item) )]; // [1,2]