Set、Map及数组去重

https://cloud.tencent.com/developer/article/1437254

https://blog.csdn.net/weixin_34247299/article/details/88760941

深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换

• javascript  
• es6

文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换》。

ES6 的 Set:

ES6 提供了新的数据结构──Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
Set 本身是一个构造函数，用来生成 Set 数据结构。
Array和Set对比
都是一个存储多值的容器，两者可以互相转换，但是在使用场景上有区别。如下:
①Array的indexOf方法比Set的has方法效率低下
②Set不含有重复值（可以利用这个特性实现对一个数组的去重）
③Set通过delete方法删除某个值，而Array只能通过splice。两者的使用方便程度前者更优
④Array的很多新方法map、filter、some、every等是Set没有的（但是通过两者可以互相转换来使用）

Set

Set对象允许你存储任何类型的值，无论是原始值或者是对象引用。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set 本身是一个构造函数，用来生成Set 数据结构。Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。

Set中的特殊值

Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待：

• +0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复
• undefined 与 undefined 是恒等的，所以不重复
• NaN 与 NaN 是不恒等的，但是在 Set 中认为NaN与NaN相等，所有只能存在一个，不重复。

Set实例对象的属性

• size：返回Set实例的成员总数。

Set实例对象的方法

• add(value)：添加某个值，返回 Set 结构本身(可以链式调用)。
• delete(value)：删除某个值，删除成功返回true，否则返回false。
• has(value)：返回一个布尔值，表示该值是否为Set的成员。
• clear()：清除所有成员，没有返回值。

const mySet = new Set(['a', 'a', 'b', 1, 2, 1]) console.log(mySet) // {'a', 'b', 1, 2} myset.add('c').add({
                                    'a': 1}) console.log(mySet) // {'a', 'b', 1, 2, 'c', {a: 1}} console.log(mySet.size) // 6 mySet.has(2) // true

遍历方法

• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回键值对的遍历器。
• forEach()：使用回调函数遍历每个成员。

由于Set结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

const set = new Set(['a', 'b', 'c']) for (let item of set.keys()) { console.log(item) } // a // b // c for (let item of set.values()) { console.log(item) } // a // b // c for (let item of set.entries()) { console.log(item) } // ["a", "a"] // ["b", "b"] // ["c", "c"] // 直接遍历set实例，等同于遍历set实例的values方法 for (let i of set) { console.log(i) } // a // b // c set.forEach((value, key) => console.log(key + ' : ' + value)) // a: a // b: b // c: c

Set 对象作用

数组去重(利用扩展运算符)

1.
const mySet = new Set([1, 2, 3, 4, 4]) [...mySet] // [1, 2, 3, 4]

2.

function unique(arr) { //通过Set对象，对数组去重，结果又返回一个Set对象 //通过from方法，将Set对象转为数组 return Array.from(new Set(arr)) }