image.png
Map
Map是一組鍵值對(duì)的結(jié)構(gòu)乘客，具有極快的查找速度。
Map的定義淀歇。
//空map設(shè)值key-value
var m = new Map();
m.set("XiaoMing",99);
m.set("XiaoHong",66);
//構(gòu)造參數(shù)傳key-value
var m = new Map([['XiaoMing', 99], ['XiaoHong', 66]]);
Map中的方法
var m = new Map(); // 空Map
m.set('XiaoMing', 99); // 添加新的key-value
m.has('XiaoMing'); // 是否存在key 'XiaoMing': true
m.get('XiaoMing'); // 99
m.delete('XiaoMing'); // 刪除key 'XiaoMing'
m.get('XiaoMing'); // undefined
對(duì)一個(gè)key重復(fù)設(shè)值易核，后面的值會(huì)將前面的值覆蓋。
var m = new Map();
m.set('XiaoMing', 99);
m.set('XiaoMing', 98);
m.get('XiaoMing'); // 98
Set
Set和Map類似浪默，但set之存儲(chǔ)key牡直，且key不重復(fù)缀匕。
Set的創(chuàng)建。
var s1 = new Set(); // 空Set
s1.add(1);
s1.add(2);
s1.add(3);
var s2 = new Set([1, 2, 3]); // 含1, 2, 3
插入重復(fù)的值碰逸，set會(huì)將重復(fù)的值進(jìn)行過濾
var s = new Set([1, 2, 3]);
s.add(3);
>>s; // Set{1,2,3}
s.delete(3);
>>s; // Set([1,2]);
Map及Set的遍歷
Array可以采用下標(biāo)進(jìn)行循環(huán)遍歷乡小，Map和Set就無法使用下標(biāo)。為了統(tǒng)一集合類型饵史，ES6標(biāo)準(zhǔn)引入了iterable類型劲件，Array、Map约急、Set都屬于iterable類型。
具有iterable類型的集合可以通過新的for ... of循環(huán)來遍歷苗分。
var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍歷Array
alert(x);
}
for (var x of s) { // 遍歷Set
alert(x);
}
for (var x of m) { // 遍歷Map
alert(x[0] + '=' + x[1]);
}
更好的遍歷：forEach
forEach是iterable內(nèi)置的方法厌蔽，它接收一個(gè)函數(shù)，每次迭代就自動(dòng)回調(diào)該函數(shù)摔癣。
var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {
// element: 指向當(dāng)前元素的值
// index: 指向當(dāng)前索引
// array: 指向Array對(duì)象本身
alert(element);
});
Set與Array類似奴饮，但Set沒有索引，因此回調(diào)函數(shù)的前兩個(gè)參數(shù)都是元素本身：
var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
alert(element);
});
Map的回調(diào)函數(shù)參數(shù)依次為value择浊、key和map本身：
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
alert(value);
});
