es6 Map、Set和Array.from（）

使用Map、Set、Array.from都需要支持es6的瀏覽器才能使用。

一、Map:

1.Map是一組鍵值對的結構，具有極快的查找速度。
2.格式類似於一個二維數組。

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95

var m = new Map(); // 空Map
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 刪除key 'Adam'
m.get('Adam'); // undefined

ps:由於一個key只能對應一個value，所以，多次對一個key放入value，後面的值會把前面的值沖掉

二、set:

1.Set和Map類似，也是一組key的集合，但不存儲value。
2.由於key不能重複，所以，在Set中，沒有重複的key。
3.可以用來去重。
4.創建：

var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

5.重複的元素在set中會被自動過濾：

var s = new Set([1, 2, 3, 3, '3']);
s; // Set {1, 2, 3, "3"}
//注意數字3和字符串'3'是不同的元素。

6.通過delete(key)方法可以刪除元素：

var s = new Set([1, 2, 3]);
s; // Set {1, 2, 3}
s.delete(3);
s; // Set {1, 2}

三、Map、Set與Array

1.從 Map 生成數組

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]

const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];

Array.from(mapper.keys());
// ['1', '2'];

2.從Set生成數組

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

四、Array.from（）

Array.from() 方法從一個類似數組或可迭代對象創建一個新的，淺拷貝的數組實例。

console.log(Array.from('foo'));
// expected output: Array ["f", "o", "o"]

console.log(Array.from([1, 2, 3], x => x + x));
// expected output: Array [2, 4, 6]

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

附：

1.數組去重：

var arr=[1,2,1,2,3];
var s=new Set(arr);
var arr2=Array.from(s);
console.log("去重後的數組："+arr2);

2.數組去重合並：

function combine(){ 
    let arr = [].concat.apply([], arguments);  //沒有去重複的新數組 
    return Array.from(new Set(arr));
} 

var m = [1, 2, 2], n = [2,3,3]; 
console.log(combine(m,n));                     // [1, 2, 3]

參考連接：
1.廖雪峯Map和Set
2.Array.from()