使用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()

總結

以上是生活随笔為你收集整理的es6 Map、Set和Array.from（）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。