JavaScript中的Map、Set及其遍歷

Map

　Map是一組鍵值對的結構，具有極快的查找速度。

　Map的定義。

//空map設值key-value
var m = new Map();
m.set("XiaoMing",99);
m.set("XiaoHong",66);
//構造參數傳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

　對一個key重復設值，后面的值會將前面的值覆蓋。

var m = new Map();
m.set('XiaoMing', 99);
m.set('XiaoMing', 98);
m.get('XiaoMing'); // 98

Set

　Set和Map類似，但set之存儲key，且key不重復。

　Set的創建。

var s1 = new Set(); // 空Set
s1.add(1);
s1.add(2);
s1.add(3);

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

　插入重復的值，set會將重復的值進行過濾

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可以采用下標進行循環遍歷，Map和Set就無法使用下標。為了統一集合類型，ES6標准引入了iterable類型，Array、Map、Set都屬於iterable類型。

　具有iterable類型的集合可以通過新的for ... of循環來遍歷。

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內置的方法，它接收一個函數，每次迭代就自動回調該函數。

var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {
    // element: 指向當前元素的值
    // index: 指向當前索引
    // array: 指向Array對象本身
    alert(element);
});

　Set與Array類似，但Set沒有索引，因此回調函數的前兩個參數都是元素本身：

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
    alert(element);
});

　Map的回調函數參數依次為value、key和map本身：

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    alert(value);
});