一、Set
1.基本用法
ES6提供了新的數(shù)據(jù)結構——Set辽旋。它類似數(shù)組浩嫌，但是成員值都是唯一的，沒有重復补胚。
Set本身是一個構造函數(shù)码耐，用來生成Set數(shù)據(jù)結構。
（1）Set 函數(shù)可以接受一個數(shù)組（或者具有 iterable 接口的其他數(shù)據(jù)結構）作為參數(shù)溶其，用來初始化骚腥。
// 例一
const set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]
// 例二
const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
items.size // 5
// 例三
const set = new Set(document.querySelectorAll('div'));
set.size // 56
// 類似于
const set = new Set();
document
.querySelectorAll('div')
.forEach(div => set.add(div));
set.size // 56
上面代碼中，例一和例二都是Set函數(shù)接受數(shù)組作為參數(shù)瓶逃，例三是接受類似數(shù)組的對象作為參數(shù)束铭。
上面代碼也展示了一種去除數(shù)組重復成員的方法。
// 去除數(shù)組的重復成員
[...new Set(array)]
**(2)兩個對象總是不相等的厢绝。
let set = new Set();
set.add({});
set.size // 1
set.add({});
set.size // 2
上面代碼表示契沫，由于兩個空對象不相等，所以它們被視為兩個值昔汉。
（3）向 Set 加入值的時候懈万，不會發(fā)生類型轉換，它類似于精確相等運算符（===）靶病，主要的區(qū)別是NaN等于自身会通，而精確相等運算符認為NaN不等于自身。
let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set // Set {NaN}
上面代碼向 Set 實例添加了兩個NaN娄周，但是只能加入一個渴语。這表明，在 Set 內部昆咽，兩個NaN是相等。
2.Set實例的屬性和方法
Set 結構的實例有以下屬性。
Set.prototype.constructor：構造函數(shù)掷酗，默認就是Set函數(shù)调违。
Set.prototype.size：返回Set實例的成員總數(shù)
Set 實例的方法分為兩大類：操作方法（用于操作數(shù)據(jù)）和遍歷方法（用于遍歷成員）。下面先介紹四個操作方法泻轰。
add(value)：添加某個值技肩，返回 Set 結構本身。
delete(value)：刪除某個值浮声，返回一個布爾值虚婿，表示刪除是否成功。
has(value)：返回一個布爾值泳挥，表示該值是否為Set的成員然痊。
clear()：清除所有成員，沒有返回值屉符。
s.add(1).add(2).add(2);
// 注意2被加入了兩次
s.size // 2
s.has(1) // true
s.has(2) // true
s.has(3) // false
s.delete(2);
s.has(2) // false
Array.from方法可以將 Set 結構轉為數(shù)組剧浸。
const items = new Set([1, 2, 3, 4, 5]);
const array = Array.from(items);
數(shù)組去重的另一種方法
function dedupe(array) {
return Array.from(new Set(array));
}
dedupe([1, 1, 2, 3]) // [1, 2, 3]
遍歷操作
keys()：返回鍵名的遍歷器
values()：返回鍵值的遍歷器
entries()：返回鍵值對的遍歷器
forEach()：使用回調函數(shù)遍歷每個成員
Set的遍歷順序就是插入順序。這個特性有時非常有用矗钟，比如使用 Set 保存一個回調函數(shù)列表唆香，調用時就能保證按照添加順序調用。
（1）keys()吨艇，values()躬它，entries()
let set = new Set(['red', 'green', 'blue']);
for (let item of set.keys()) {
console.log(item);
}
// red
// green
// blue
for (let item of set.values()) {
console.log(item);
}
// red
// green
// blue
for (let item of set.entries()) {
console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
（2）forEach()
set = new Set([1, 4, 9]);
set.forEach((value, key) => console.log(key + ' : ' + value))
// 1 : 1
// 4 : 4
// 9 : 9
遍歷的作用
擴展運算符（...）內部使用for...of循環(huán)，所以也可以用于 Set 結構东涡。
let set = new Set(['red', 'green', 'blue']);
let arr = [...set];
// ['red', 'green', 'blue']
擴展運算符和 Set 結構相結合冯吓，就可以去除數(shù)組的重復成員。
let arr = [3, 5, 2, 2, 5, 5];
let unique = [...new Set(arr)];
// [3, 5, 2]
而且软啼，數(shù)組的map和filter方法也可以間接用于 Set 了桑谍。
let set = new Set([1, 2, 3]);
set = new Set([...set].map(x => x * 2));
// 返回Set結構：{2, 4, 6}
let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0));
// 返回Set結構：{2, 4}
二、Map
1.含義和基本用法
ES6 提供了 Map 數(shù)據(jù)結構祸挪。它類似于對象锣披，也是鍵值對的集合，但是“鍵”的范圍不限于字符串贿条，各種類型的值（包括對象）都可以當作鍵雹仿。也就是說，Object 結構提供了“字符串—值”的對應整以，Map 結構提供了“值—值”的對應胧辽，是一種更完善的 Hash 結構實現(xiàn)。如果你需要“鍵值對”的數(shù)據(jù)結構公黑，Map 比 Object 更合適邑商。
const m = new Map();
const o = {p: 'Hello World'};
m.set(o, 'content')
m.get(o) // "content"
m.has(o) // true
m.delete(o) // true
m.has(o) // false
上面代碼使用Map 結構的set方法摄咆，將對象o當作m的一個鍵，然后又使用get方法讀取這個鍵人断，接著使用delete`方法刪除了這個鍵
（1）如果對同一個鍵多次賦值吭从，后面的值將覆蓋前面的值。
const map = new Map();
map
.set(1, 'aaa')
.set(1, 'bbb');
map.get(1) // "bbb"
上面代碼對鍵1連續(xù)賦值兩次恶迈，后一次的值覆蓋前一次的值涩金。
（2）如果讀取一個未知的鍵，則返回undefined暇仲。
new Map().get('asfddfsasadf')
// undefined
2.實例的屬性和操作方法
（1）size 屬性
size屬性返回 Map 結構的成員總數(shù)步做。
const map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
（2）set(key, value)
set方法設置鍵名key對應的鍵值為value，然后返回整個 Map 結構奈附。如果key已經有值全度，則鍵值會被更新，否則就新生成該鍵桅狠。
const m = new Map();
m.set('edition', 6) // 鍵是字符串
m.set(262, 'standard') // 鍵是數(shù)值
m.set(undefined, 'nah') // 鍵是 undefined
（3）get(key)
get方法讀取key對應的鍵值讼载，如果找不到key，返回undefined中跌。
const m = new Map();
const hello = function() {console.log('hello');};
m.set(hello, 'Hello ES6!') // 鍵是函數(shù)
m.get(hello) // Hello ES6!
(4）has(key)
has方法返回一個布爾值咨堤，表示某個鍵是否在當前 Map 對象之中。
const m = new Map();
m.set('edition', 6);
m.set(262, 'standard');
m.set(undefined, 'nah');
m.has('edition') // true
m.has('years') // false
m.has(262) // true
m.has(undefined) // true
（5）delete(key)
delete方法刪除某個鍵漩符，返回true一喘。如果刪除失敗，返回false嗜暴。
const m = new Map();
m.set(undefined, 'nah');
m.has(undefined) // true
m.delete(undefined)
m.has(undefined) // false
（6）clear()
·clear·方法清除所有成員凸克，沒有返回值。
let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
map.clear()
map.size // 0
3.遍歷方法
keys()：返回鍵名的遍歷器闷沥。
values()：返回鍵值的遍歷器萎战。
entries()：返回所有成員的遍歷器。
forEach()：遍歷 Map 的所有成員舆逃。
需要特別注意的是蚂维，Map 的遍歷順序就是插入順序。
const map = new Map([
['F', 'no'],
['T', 'yes'],
]);
for (let key of map.keys()) {
console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
console.log(value);
}
// "no"
// "yes"
for (let item of map.entries()) {
console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"
// 或者
for (let [key, value] of map.entries()) {
console.log(key, value);
}
// "F" "no"
// "T" "yes"
// 等同于使用map.entries()
for (let [key, value] of map) {
console.log(key, value);
}
// "F" "no"
// "T" "yes"
Map 結構轉為數(shù)組結構路狮，比較快速的方法是使用擴展運算符（...）虫啥。
const map = new Map([
[1, 'one'],
[2, 'two'],
[3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]
與其他數(shù)據(jù)結構的互相轉化
（1）Map 轉為數(shù)組
前面已經提過，Map 轉為數(shù)組最方便的方法奄妨，就是使用擴展運算符（...）涂籽。
const myMap = new Map()
.set(true, 7)
.set({foo: 3}, ['abc']);
[...myMap]
// [ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]
**(2）數(shù)組 轉為 Map**
將數(shù)組傳入 Map 構造函數(shù)，就可以轉為 Map砸抛。
new Map([
[true, 7],
[{foo: 3}, ['abc']]
])
// Map {
// true => 7,
// Object {foo: 3} => ['abc']
// }
