es6 Set 3分钟学习

前置知识： Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set

1.常用方法：

add: set对象尾部添加元素

const set1 = new Set([1,2,3]); //array转set
set1.add(4); //添加元素

has: 是否包含某个元素

set1.has(1); //是否有1

clear：清除所有元素

set1.clear(); //清除set1所有内容

delete：删除某个元素

set1.delete(1); //删除1

size ：长度

set1.size()

2.数组适合set使用的场景

• 数组去重 
• 并集 
• 交集
• 差集
• 循环

数组去重：

let arr = [1, 1, 2, 3]; 
let unique = [... new Set(arr)];
//结果是 [1, 2, 3 ]

并集：

let a = [1]; let b = [2];
let union = [ ... new set([...a,...b])]
//[1 , 2]

交集

//取两个数组的交集
let intersection = new Set([...set1].filter(x => set2.has(x)));

差集

//取两个数组差价
let difference = new Set([...set1].filter(x => !set2.has(x)));

循环

let a = new Set(['a','b','c']);
a.forEach((v,k) => console.log(k + ' : ' + v));

3.String适用的场景

let text = 'India';

let mySet = new Set(text);  // Set {'I', 'n', 'd', 'i', 'a'}
mySet.size;  // 5

4.兼容情况（大多是支持的）

ie中有部分属性是支持的

查看链接